<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    
	
    
		
			

    

    Flyingis
    

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

    

    

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

    


    		
	
    

    

    
	
    
		
			
    
				數據加載中……
			
    
		    		
		
			
    
				
					
	
    
		
    
			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"    >
    <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/>標簽之前。    

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


	


    
	    
    




    








    

				
			
    
		    		
	
    
	
    
		
			

		
	
    

    


    







    
        
	



主站蜘蛛池模板：
精品国产综合成人亚洲区|
成年大片免费视频|
亚洲国产精品一区二区三区久久
|
香蕉视频在线观看亚洲|
国产在线观看xxxx免费|
精品国产日韩亚洲一区|
国产精品午夜免费观看网站|
久久精品国产亚洲Aⅴ香蕉|
aaa毛片视频免费观看|
亚洲色精品88色婷婷七月丁香|
国产亚洲精品免费视频播放|
亚洲AV午夜成人片|
波多野结衣中文字幕免费视频|
亚洲乱码一区av春药高潮|
中字幕视频在线永久在线观看免费
|
中文字幕精品无码亚洲字|
精品一区二区三区免费视频|
亚洲av永久无码精品国产精品|
久久久国产精品无码免费专区|
亚洲日韩乱码久久久久久|
影音先锋在线免费观看|
立即播放免费毛片一级|
亚洲五月综合缴情在线观看|
人妻丰满熟妇无码区免费|
亚洲av日韩av综合|
亚洲AⅤ永久无码精品AA|
中文字幕一区二区免费|
亚洲男人电影天堂|
日本一道本高清免费|
久久精品成人免费观看97|
亚洲视频在线观看免费视频|
最近免费中文字幕4|
一级毛片免费不卡|
337p日本欧洲亚洲大胆精品555588|
国产va精品免费观看|
免费无遮挡无码视频在线观看|
久久精品国产亚洲香蕉|
午夜老司机免费视频|
一个人看的www免费视频在线观看|
亚洲国产成人久久99精品|
亚洲精品99久久久久中文字幕
|