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 .