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

          

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


			
			
				

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

          

			          		
		
          
	
          

          


          


          
	
					

          
	
	
	
          
		
		??? 作者: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"          >
          <svg?xmlns="http://www.w3.org/2000/svg"?xmlns:xlink=http://www.w3.org/1999/xlink?width="100%"?height="100%">
          <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"          >
          <svg?xmlns="http://www.w3.org/2000/svg"?xmlns:xlink=http://www.w3.org/1999/xlink?width="100%"?height="100%">
          <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 發表評論

          文章來源:http://www.aygfsteel.com/flyingis/archive/2006/08/31/66936.html
	
          
	
	
          
		posted on 2006-11-30 22:41 allic 閱讀(145) 評論(0)  編輯  收藏  
	
          

          







          
	    
    




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				

          




    







          
        
	




主站蜘蛛池模板：
年辖：市辖区|
哈密市|
石渠县|
乌兰察布市|
天台县|
金堂县|
拜城县|
钟祥市|
福安市|
阿拉善左旗|
乌拉特前旗|
镇雄县|
阜平县|
桑植县|
宕昌县|
大洼县|
香港
|
大名县|
宁远县|
迁安市|
灵川县|
余干县|
安阳县|
红桥区|
会昌县|
西吉县|
青岛市|
略阳县|
洪洞县|
来安县|
若尔盖县|
邯郸县|
霞浦县|
六安市|
安阳县|
灌南县|
旌德县|
阳城县|
鹿泉市|
大厂|
永新县|