Comment créer un bloc de commentaires en SVG ?

Question

J'essaie d'apprendre le SVG pour la première fois mais le code semble avoir un problème avec mes blocs de commentaires. J'utilise :

/* This is my
 * block comment
 */

Et lorsque j'exécute mon code, j'obtiens l'erreur suivante :

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

Il se trouve que cela précède immédiatement mon commentaire de blocage.

Answer 1

SVG étant un format XML, vous pouvez utiliser des commentaires de style XML :

<!-- 
    comment 
-->

Par exemple :

<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>

Vous pouvez également exclure une partie du code :

<!--
     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>
-->

Answer 2

Un document svg est pratiquement identique à un document html en ce qui concerne le DOM.

Cette ligne sera interrompue dans tous les navigateurs :

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

Et pourrait simplement être remplacée par :

svgDocument = document;

En fait, il n'est pas vraiment nécessaire de créer une variable svgDocument depuis document est toujours défini et se réfère au document actuel (le svg).

Veuillez lire https://jwatt.org/svg/authoring/ et en particulier https://jwatt.org/svg/authoring/#asv-getters-and-setters .