客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
|
使用了jcanvas插件。 复制代码 代码如下:<head> <script src='jquery-1.9.1.js'></script> <script src='jcanvas.min.js'></script> <!--<script src='js/jquery.mobile-1.2.0.min.js'></script> --> <script> var maxX=-1; var maxY=-1; var minX=99999; var minY=99999; function checkData(event){ var x=event.pageX-$('canvas').offset().left; var y=event.pageY-$('canvas').offset().top; if(x>maxX){ maxX=x; }else if(x<minX){ minX=x; } if(y>maxY){ maxY=y; }else if(y<minY){ minY=y; } } $(function(){ var obj=$('canvas'); var temp_e; var temp_draw=false; obj.on({ mousedown:function(e){ temp_e=e; temp_draw=true; checkData(e); }, mousemove:function(e){ if(temp_draw){ obj.drawLine({ strokeStyle: '#000', strokeWidth: 3, x1: temp_e.pageX-$('canvas').offset().left, y1: temp_e.pageY-$('canvas').offset().top, x2: e.pageX-$('canvas').offset().left, y2: e.pageY-$('canvas').offset().top, }); } temp_e=e; checkData(e); }, mouseup:function(e){ temp_e=null; temp_draw=false; checkData(e); }, mouseout:function(){ temp_e=null; temp_draw=false; } }); $("#clean").on("click",function(){ maxX=-1; maxY=-1; minX=99999; minY=99999; obj.clearCanvas(); }); $("#save").on("click",function(){ var image=obj.getCanvasImage("png"); alert(image); }); }); </script> </head> <body> <input type="button" id="save" value="保存" /> <input type="button" id="clean" value="清除" /> <br/> <canvas width='320' height='480' style="background:#f00"></canvas> <div id="points"></div> </body> |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
六六分期app的软件客服如何联系？不知道吗？加qq群【895510560】即可！标题：六六分期
今天小编告诉大家如何处理win10系统火狐flash插件总是崩溃的问题，可能很多用户都不知
今天小编告诉大家如何对win10系统删除桌面回收站图标进行设置，可能很多用户都不知道
今天小编告诉大家如何对win10系统电脑设置节能降温的设置方法，想必大家都遇到过需要
我们在使用xp系统的过程中,经常需要对xp系统无线网络安装向导设置进行设置，可能很多
今天小编告诉大家如何处理win7系统玩cf老是与主机连接不稳定的问题，可能很多用户都不
电脑对日常生活的重要性小编就不多说了，可是一旦碰到win7系统设置cf烟雾头的问题，很
我们在日常使用电脑的时候，有的小伙伴们可能在打开应用的时候会遇见提示应用程序无法
今天小编告诉大家如何对win7系统打开vcf文件进行设置，可能很多用户都不知道怎么对win
今天小编告诉大家如何对win10系统s4开启USB调试模式进行设置，可能很多用户都不知道怎
请发表评论