Â¥Ö÷

ʵÀý_ÔÚSVGÖÐÒƶ¯ÔªËØ ÕâÊÇÒ»¸ö¼òµ¥µÄÀý×Ó,Ò²ÊÇÎÒÔÚѧϰ¹ý³ÌÖÐдµÄ,ÏÖÔÚ·¢ÔÚÕâÀ﹩´ó¼Ò²Î¿¼,»¶Ó­¶àÌáÌáÒâ¼û -_- Write:firebird Time:2006.9.30 --------------------------------------------------------------------------------------------------------- <?xml version="1.0" encoding="utf-8"?> <svg width="500" height="500"> <script> <![CDATA[ var i; function getxy(evt){   i=1; } function setxy(evt){  if(i==1) {    var SVGDoc=evt.currentTarget;    //var id=SVGDoc.getAttribute("id");    //var SVGDoc =evt.getTarget().getOwnerDocument();    //var doc=evt.currentTarget;    //var rect=SVGDoc.getElementById("rect");    var mX=evt.getClientX();    var mY=evt.getClientY();    SVGDoc.setAttribute("x",mX-20);    SVGDoc.setAttribute("y",mY-20);  } else {}   } function set(){   i=0 ;  }  ]]> </script> <defs>  <rect id="hiddenrect" x="5" y="5" width="40" height="40"/> </defs> <rect fill="green" x="0" y="0" width="500" height="500"/> <defs>  <rect id="hiddenrect" x="0" y="0" width="40" height="40" /> </defs> <rect id="rect1" x="5" y="5" width="40" height="40"     style="fill:red;" onmousedown="getxy(evt);" onmouseout="setxy(evt);" onmouseup="javascript:i=0;"/> <rect id="rect2" x="5" y="5" width="40" height="40"     style="fill:red;" onmousedown="getxy(evt);" onmouseout="setxy(evt);" onmouseup="javascript:i=0;"/> <rect id="rect3" x="5" y="5" width="40" height="40"     style="fill:red;" onmousedown="getxy(evt);" onmouseout="setxy(evt);" onmouseup="javascript:i=0;"/> </svg>    Êղؠ  ·ÖÏí   ¶¥(0)

	µÚ2Â¥

²»´í£¬´ø»Ø¼ÒÑо¿£¡

	µÚ3Â¥

²»´í£¬Ð»Ð»Â¥Ö÷£¡

	µÚ4Â¥

Ç¿°¡£¡£¡£¡

	µÚ5Â¥

good example. µ«ÊDz»Ã÷°×µÄÊÇΪʲô ½«    SVGDoc.setAttribute("x",mX-20);    SVGDoc.setAttribute("y",mY-20); ¸Ä³É: SVGDoc.setAttribute("x",mX);    SVGDoc.setAttribute("y",mY); Ö®ºó,·¢ÏÖ±»Ð¡¾ØÐβ»ÄÜÏò×óÉÏ·½Òƶ¯ÁË,ÓÐÈËÖªµÀÕâÊÇΪʲôÂð?