不知道为什么 画多了超卡...因为矢量无敌? 用到了jquery 全部代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:v> <mce:style><!-- v/:*{behavior:url(#default#VML);} --></mce:style><style mce_bogus="1">v/:*{behavior:url(#default#VML);}</style> <body style="height:582px; width:1002px; margin:0px; padding:0px; overflow:hidden;"> <mce:script type="text/javascript" language="javascript" src="jquery.js" mce_src="jquery.js"></mce:script> <mce:script type="text/javascript" language="javascript"><!-- var i=0; function DrawingLines(){ $("body").mousedown(function(){ var j=1, x=event.x, y=event.y; $("body").append("<v:line id='Drawline"+i+"' from='"+x+","+y+"' to='"+x+","+y+"'> <v:stroke StartArrow='Oval' EndArrow='Classic'dashstyle='Dot' /> </v:line> "); $("body").mousemove(function(){ if(j==1){ $("#Drawline"+i).attr({to:event.x+","+event.y}); } $("body").mouseup(function(){j=0;i++;}); }); }); } // --></mce:script> <input type="button" value="画线" style="position:absolute;z-index:2;" mce_style="position:absolute;z-index:2;" οnclick="DrawingLines()" /> </body></html>