svg - SVGでブロックコメントを作成するにはどうすればよいですか

Question

初めて SVG を学習しようとしていますが、コードのブロック コメントに問題があるようです。私は使用しています：

/* This is my
 * block comment
 */

コードを実行すると、次のエラーが表示されます。

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

それはたまたま私のブロックコメントの直前です。

Answer 1

SVG は XML であるため、XML スタイルのコメントを使用できます。

<!-- 
    comment 
-->

例えば：

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

または、コードの一部を除外できます。

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

DOM に関する限り、svg ドキュメントは html ドキュメントとほとんど同じです。

この行は、すべてのブラウザーで壊れます。

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

そして、単に次のように置き換えることができます:

svgDocument = document;

変数は常に定義され、現在のドキュメント (svg) を参照するためsvgDocument、実際には変数を作成する必要はありません。document

https://jwatt.org/svg/authoring/、特にhttps://jwatt.org/svg/authoring/#asv-getters-and-setterをお読みください。