亚洲精华国产精华精华液,久久亚洲精品无码aⅴ大香,亚洲a无码综合a国产av中文

[導入]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，當需要遵循一些規(guī)則：必須使用type屬性；language屬性是非法的；使用特殊XML字符時可以使用CDATA（SVG和CDATA都遵循XML規(guī)范）；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");

??}

]]>

<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中使用JavaScript可以寫在如下幾個位置：<desc/>標簽之后；在<defs/>中；在<g/>標簽之前。

Flyingis 2006-08-31 20:06 發(fā)表評論

文章來源:http://www.tkk7.com/flyingis/archive/2006/08/31/66936.html

posted on 2006-11-30 22:41 allic 閱讀(145) 評論(0) 編輯收藏

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發(fā)表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問

一江春水向東流

常用鏈接

留言簿(12)

隨筆分類(23)

隨筆檔案(42)

文章分類(162)

文章檔案(139)

新聞檔案(10)

相冊

收藏夾(3)

文章收集

搜索

最新評論

閱讀排行榜

評論排行榜