Как сделать комментарий блока в SVG

Я пытаюсь изучить SVG в первый раз, но у кода, похоже, проблема с моими блочными комментариями. Я использую:

/* This is my
 * block comment
 */

И когда я запускаю свой код, я получаю следующую ошибку:

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

Это так происходит непосредственно перед комментарием блока.

Ответ 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>
-->

Ответ 2

Документ svg во многом совпадает с документом html в отношении DOM.

Эта строка будет разбита во всех браузерах:

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

И его можно просто заменить на:

svgDocument = document;

На самом деле нет реальной необходимости создавать переменную svgDocument, так как document всегда определяется и ссылается на текущий документ (svg).

Прочитайте https://jwatt.org/svg/authoring/ и, в частности, https://jwatt.org/svg/authoring/#asv-getters-and-setters.