web-dev-qa-db-ja.com

SVGでブロックコメントを作成する方法

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

/* This is my
 * block comment
 */

コードを実行すると、次のエラーが発生します。

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

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

svgcommentsblock-comments
29
ardavis

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

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

この行はすべてのブラウザで壊れます：

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

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

svgDocument = document;

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

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

1
Erik Dahlström