1錛屽涔?fàn)璇a鏈韓鐗規(guī)э紝鑰屼笉鏄籂緇撲笌妗嗘灦鐨勮〃闈€傛湰韜幇浠ｇ殑紼嬪簭璁捐錛屽鏋滄槸鍦ㄥ紑鍙戜駭鍝佺殑璇濓紝宸茬粡鑴辯浜嗗師濮媋pi緙栫▼錛岃屾槸鍩轟簬鍚勭妗嗘灦錛屽墠绔痡s妗嗘灦涔嬪騫朵笉浜氫簬java錛屼粠github鐨勮璦鎺掕鍙涓鏂戙傝屽涓闂ㄦ柊璇█鐨勫涔?fàn)锛岃浠庢湰璐ㄥ钃v錛岃屼笉鏄嬌鐢ㄦ鏋躲傚涔?fàn)鐢╦avascript鍐欓潰鍚戝璞＄殑紼嬪簭錛岀啛璁板唴緗璞＄殑鍑芥暟錛屼簡瑙ｉ棴鍖呯殑鐗規(guī)э紝鐭ラ亾涓浜涚壒瀹氭晥鏋滅殑瀹炵幇……絳夊埌闈炲父鐔熸?zhèn)夎瑷鐗規(guī)у悗錛屾棤璁烘槸jquery榪樻槸kissy閮藉緢濂界悊瑙ｄ簡銆傚綋鐒跺鏋滀簡瑙ｈ璦鏈韓鍚庯紝鍐嶇啛鎮(zhèn)変竴涓被浼糺query榪欐牱鐨勬鏋訛紝閭ｄ箞闅忎究浣跨敤鍏朵粬妗嗘灦寮鍙慾s閮藉皢鏄湪鐭椂闂村唴鍙鐨勩傚洜涓簀s妗嗘灦瀹炵幇鍘熺悊鍩烘湰涓婅秼鍚岋紝api鐢ㄦ硶涔熻秼鍚屻?br />2錛岄噸鐐歸泦涓埌涓涓柟鍚戙傜敱浜庨」鐩渶瑕佽嚜宸辯敾鍥捐〃瀹炵幇寰堝鏁堟灉錛屽洜姝ゅ叧娉ㄧ偣鑱氱劍鍒皉aphael js榪欎釜寮婧愭鏋墮噷錛岄潪甯哥啛鎮(zhèn)夎繖涓紑婧愬簱浠ュ悗錛屽埄鐢ㄦ搴撹繘琛岄」鐩粍浠跺皝瑁咃紝鐜板湪鐨勬ā鍨嬮樁孌?.x鐗堟湰緋誨垪宸茬粡鏀懼埌github涓娿?br />3錛屽璇葷粡鍏鎬綔鍝併俲avascript鏉冨▉鎸囧崡涔熷氨鏄憲鍚嶇殑鐘鐗涗功錛屾垜鑷繁璇諱簡涓ら亶錛宩query鏉冨▉鎸囧崡涔熻浜嗕竴閬嶃?br />
鏈鍚庢葷粨涓涓嬶細(xì)鎴戠湡鐨勮寰梛avascript鏄竴闂ㄥ緢浼樼鐨勮璦錛屽緟鏈夋満浼?xì)鎺ヨЕ鍏朵粬绋嬪簭璁捐璇a鏃訛紝鍐嶅仛姣旇緝銆?img src ="http://m.tkk7.com/changedi/aggbug/398331.html" width = "1" height = "1" />
]]>
鑰孲VG涓悇涓鏄庡涓嬶細(xì)http://en.wikipedia.org/wiki/Scalable_Vector_Graphics鍜?a title="http://www.w3.org/TR/SVG/paths.html" >http://www.w3.org/TR/SVG/paths.html
鐢╮aphaeljs鐢繪洸綰跨殑demo錛?a title="http://fanstu.sinaapp.com/god/raphaeljs/path.php" >http://fanstu.sinaapp.com/god/raphaeljs/path.php
鍏蜂綋path鐨勫瓧絎︿覆鍚箟錛?/p>
M moveto (x y)+
Z closepath (none)
L lineto (x y)+
H horizontal lineto x+
V vertical lineto y+
C curveto (x1 y1 x2 y2 x y)+
S smooth curveto (x2 y2 x y)+
Q quadratic Bézier curveto (x1 y1 x y)+
T smooth quadratic Bézier curveto (x y)+
A elliptical arc (rx ry x-axis-rotation large-arc-flag sweep-flag x y)+
R Catmull-Rom curveto* x1 y1 (x y)+
榪欓噷錛孧浠ｈ〃璧峰鐐圭殑浣嶇疆錛屼篃灝辨槸璇村埄鐢╮aphael浠庡摢涓潗鏍囧紑濮嬬敾錛屽鏋滄槸鐢葷洿綰匡紝閭ｄ箞L鎸囧悜鐨勪綅緗槸鐩寸嚎鐨勭粓鐐廣侶鍜孷浠ｈ〃姘村鉤鍜屽瀭鐩寸殑鐩寸嚎銆侰鏄渶甯哥敤鐨勪篃鏄弬鏁版渶澶氭渶澶嶆潅鐨勶紝C浠ｈ〃curve灝辨槸鍩轟簬琚禌灝?dāng)鏇簿U跨殑path錛寈1 y1 x2 y2鏄袱涓帶鍒剁偣鐨勫潗鏍囷紝x y鏄粓鐐廣傝孲錛孮錛孴閮芥槸C鐨勫崌綰х増騫蟲粦鍜屼簩闃跺強(qiáng)浜岄樁騫蟲粦銆?/p>
褰撶劧raphael涔熸彁渚涗簡鍩虹鐨勬瘮濡俢ircle錛宺ect錛宼ext鍜宨mage絳夊厓绱狅紝鏋勯犺繖鏍風(fēng)殑瀵硅薄鐩存帴鐢ㄤ簬鐢誨浘鎺у埗錛屽埄鐢╮aphael宸茬粡鍙互鍋氫換浣曠敾鍥句簡銆?/p>
http://fanstu.sinaapp.com/archives/175
]]>