一江春水向東流

做一個有思想的人,期待與每一位熱愛思考的人交流,您的關注是對我最大的支持。

BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合

:: 管理 ::

44 隨筆 :: 139 文章 :: 81 評論 :: 0 Trackbacks

<

2025年7月

>

日

一

二

三

四

五

六

29

30

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

常用鏈接

留言簿(12)

隨筆分類(23)

隨筆檔案(42)

文章分類(162)

文章檔案(139)

新聞檔案(10)

2006年11月 (10)

相冊

收藏夾(3)

技術文章(3) (rss)

文章收集

FireBird 1.5 Quick Start(快速入門)簡體中文
PF_PACKET 相關基礎知識

搜索

閱讀排行榜

評論排行榜

[導入]SVG 中使用 JavaScript

??? 作者:Flyingis

??? SVG(Scalable Vector Graphics)是一種基于XML的語言，用來在Web中繪制矢量圖形。當前，除了Mozilla 2.0外，沒有一款瀏覽器在本質上支持SVG，都需要插件來顯示SVG圖形，著名的有Adobe公司和Corel公司的SVG插件。

??? 一個簡單的SVG

<?xml?version="1.0"?>

<!DOCTYPE?svg?PUBLIC?"-//W3C//DTD?SVG?1.0//EN"

"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

<desc>

顯示一個正方形和一個圓形

</desc>

<defs>

<rect?id="myrect"?width="150"?height="150"?fill="red"?x="15"?y="15"?stroke="black"/>

<circle?id="mycircle"?r="75"?fill="white"?stroke="black"?cx="150"?cy="150"/>

</defs>

<use?xlink:href="#myrect"?/>

<use?xlink:href="#mycircle"?/>

</svg>

??? 為了更好的理解SVG中的標簽，可以和HTML標簽作個簡單的比較，SVG中的<svg/>和HTML中的<html/>類似，<desc/>和<title/>類似，<g/>和<div/>類似。

??? 在SVG中可以使用JavaScript，當需要遵循一些規則：必須使用type屬性；language屬性是非法的；使用特殊XML字符時可以使用CDATA（SVG和CDATA都遵循XML規范）；xlink:href替換src。

<?xml?version="1.0"?>

<!DOCTYPE?svg?PUBLIC?"-//W3C//DTD?SVG?1.0//EN"

"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

<desc>

顯示一個正方形和一個圓形

</desc>

<![CDATA[

??function?comp(a,?b)?{

????if?(a?>?b)

??????alert("a?is?bigger?than?b");

????else

??????alert("a?is?not?bigger?than?b");

??}

]]>