Flyingis
          

          Talking and thinking freely !
          
Flying in the world of GIS !
          

          

          

          隨筆 - 156, 文章 - 16, 評論 - 589, 引用 - 0
          

          


          		
	
          

          

          
	
          
		
			
          
				數(shù)據(jù)加載中……
			
          
		          		
		
			
          
				
					
	
          
		
          
			SVG 中使用 JavaScript
		
          
		
          
		
		??? 作者:Flyingis

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

          ??? 一個(gè)簡單的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>
          顯示一個(gè)正方形和一個(gè)圓形
          </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中的標(biāo)簽，可以和HTML標(biāo)簽作個(gè)簡單的比較，SVG中的<svg/>和HTML中的<html/>類似，<desc/>和<title/>類似，<g/>和<div/>類似。

          ??? 在SVG中可以使用JavaScript，當(dāng)需要遵循一些規(guī)則：必須使用type屬性；language屬性是非法的；使用特殊XML字符時(shí)可以使用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"          >
          <svg?xmlns="http://www.w3.org/2000/svg"?xmlns:xlink=http://www.w3.org/1999/xlink?width="100%"?height="100%">
          <desc>
          顯示一個(gè)正方形和一個(gè)圓形
          </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可以寫在如下幾個(gè)位置：<desc/>標(biāo)簽之后；在<defs/>中；在<g/>標(biāo)簽之前。          

		
          
		
          
			posted on 2006-08-31 20:06 Flyingis 閱讀(4054) 評論(0)  編輯  收藏  所屬分類: Web 客戶端技術(shù) 
		
          
	
          
	
	


	


          
	    
    




          








          

				
			
          
		          		
	
          
	
          
		
			

		
	
          

          


    







          
        
	




主站蜘蛛池模板：
台东县|
穆棱市|
高唐县|
五峰|
类乌齐县|
城口县|
航空|
武冈市|
昌宁县|
江西省|
宝坻区|
新巴尔虎右旗|
黔东|
晋州市|
汽车|
玉田县|
泸水县|
易门县|
沅江市|
缙云县|
藁城市|
曲松县|
景德镇市|
宁化县|
琼结县|
新丰县|
延津县|
望都县|
宣汉县|
满洲里市|
深水埗区|
新丰县|
宜君县|
双城市|
大冶市|
若尔盖县|
凉山|
阜平县|
闻喜县|
东丰县|
云梦县|