2011-03-15 6 views
16

SVG를 처음 배우려고하지만 코드에 내 블록 주석에 문제가있는 것 같습니다.SVG에서 블록 주석을 만드는 방법

/* This is my 
* block comment 
*/ 

을 그리고 난 내 코드를 실행할 때, 나는 다음과 같은 오류가 발생합니다 : 내가 사용하고 그래서 내 블록 주석 직전으로 일어나는

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

.

+0

방금 ​​블록 주석을 모두 꺼 냈지만 다른 줄에는 여전히 문제가 있습니다. 다음 코드에서 예제 코드를 모두 찾을 수 있습니다. http://pastie.org/private/hdaccssdbcxal8s0o81ciq 존재하지 않는 47 번째 줄 8 번에 대해 불평하고 있습니다 ... – ardavis

답변

33

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

svg 문서는 DOM과 관련하여 html 문서와 거의 동일합니다.

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

를 간단하게 교체 할 수있다 :

이 라인은 모든 브라우저에서 휴식 것입니다 실제로 document 이후 변수 svgDocument 항상 정의 언급하고 만들 수있는 진짜 필요가 없습니다

svgDocument = document; 

현재 문서 (svg).

https://jwatt.org/svg/authoring/ 및 특히 https://jwatt.org/svg/authoring/#asv-getters-and-setters을 읽으십시오.