의견 : SVG 코드가 HTML에있는 경우 그래프 변환을 제어하기 위해 JavaScript를 작성하는 것이 더 쉬울 것입니다. 다음은 SVG의 사전 정의 된 모양 요소입니다. 관심있는 친구들이 그것을 언급 할 수 있습니다. 나는 그것이 당신에게 도움이되기를 바랍니다.
SVG 파일은 다음 태그를 통해 HTML 문서에 포함시킬 수 있습니다.<embed src = "rect.svg"height = "100"
type = "image/svg+xml"
PluginsPage = "http://www.adobe.com/svg/viewer/install/"/>
플러그인 페이지 속성은 다운로드 플러그인의 URL을 가리 킵니다.
<개체 데이터 = "rect.svg"width = "300"
type = "image/svg+xml"
CodeBase = "http://www.adobe.com/svg/viewer/install/"/>
<iframe src = "rect.svg"height = "100">
</iframe>
이 세 가지 <iframe> 중에는 초기 태그가 있으며 이제는 덜 사용됩니다. 더 많이 사용하는 것은 <ement> 태그입니다.
동시에 SVG를 HTML 파일에 직접 쓸 수도 있습니다.
이러한 방식으로 먼저 SVG DTD 파일을 소개해야합니다.
<? xml 버전 = "1.0"standalone = "no"?>
<! doctype svg public "-// w3c // dtd svg 1.1 // en"
"http://www.w3.org/graphics/svg/1.1/dtd/svg11.dtd">
그런 다음 <svg> 태그에서 필요한 코드를 작성하십시오.
<svg 버전 = "1.1"
xmlns = "http://www.w3.org/2000/svg">
<Ellipse cx = "240"cy = "100"rx = "220"ry = "30"
스타일 = "채우기 : 노란색"/>
<Ellipse cx = "220"cy = "100"rx = "190"ry = "20"
스타일 = "채우기 : 흰색"/>
</svg>
SVG 코드가 HTML에있는 경우 그래프 변환을 제어하기 위해 JavaScript를 작성하는 것이 더 쉽습니다.
<script type = "text/javaScript">
함수 ccc () {
var a = document.getElementById ( "W1");
a.style.fill = "빨간색";
A.setattribute ( "CX", "150"); // 값을 설정합니다
A.setattribute ( "ry", "50"); // 값을 설정합니다
}
</스크립트>
다음은 SVG에 대한 사전 정의 된 모양 요소입니다.
사각형 <rect>
Circle <Circle>
타원 <Ellipse>
라인 <Line>
폴리 라인 <폴리 라인>
다각형 <다각형>
경로 <경로>