una trabajar qué página podemos maneras gráficos función elementos descargar cuál con atributo aplicación animaciones animacion svg comments block-comments

trabajar - elementos svg



¿Cómo se hace un comentario de bloque en SVG? (2)

Como SVG es XML, puede usar comentarios de estilo XML:

<!-- comment -->

Por ejemplo:

<g onclick = "setScale(1)"> <rect id = "scale1" x = "120" y = "10" width = "30" height = "30" fill = "#ffc" stroke = "black"/> <!-- this text describes middle rectangle --> <text x = "135" y = "30" text-anchor = "middle">M</text> </g>

O puedes excluir alguna parte del código:

<!-- this group is disabled for testing <g onclick = "setScale(1)"> <rect id = "scale1" x = "120" y = "10" width = "30" height = "30" fill = "#ffc" stroke = "black"/> <text x = "135" y = "30" text-anchor = "middle">M</text> </g> -->

Estoy intentando aprender SVG por primera vez, pero el código parece tener un problema con mis comentarios en bloque. Estoy usando:

/* This is my * block comment */

Y cuando ejecuto mi código, obtengo el siguiente error:

''return'' statement outside of function line: 116, column: 4

Eso sucede inmediatamente antes de mi comentario de bloqueo.


Un documento svg es muy parecido a un documento html en lo que se refiere al DOM.

Esta línea se romperá en todos los navegadores:

svgDocument = evt.getTarget().getOwnerDocument();

Y podría simplemente ser reemplazado por:

svgDocument = document;

En realidad, no hay necesidad real de crear una variable svgDocument ya que el document siempre está definido y se refiere al documento actual (el svg).

Por favor lea https://jwatt.org/svg/authoring/ y en particular https://jwatt.org/svg/authoring/#asv-getters-and-setters .