大佬教程收集整理的这篇文章主要介绍了鼠标点击后会消失的牌组,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<html> <head> <title>规则矩形</title> <script> var ctx; var bk = new Image(); bk.src = "BACkground.png"; var post1=[]; var porks=[]; function pork(px,py){ this.px = px; this.py = py; this.drawBACk = drawBACk; this.checkclick = checkclick; this.isclicked = false; } function drawBACk(){ ctx.drawImage(bk,this.px,this.py,60,80); } function checkclick(cx,cy){ if(cx>=this.px && cy>=this.py && cx<=(this.px+60) && cy<=(this.py+80)){ return true; } else{ return false; } } //获得坐标组 function getpos(){ var i; var j; for(i=0;i<480;i=i+70){ for(j=0;j<450;j=j+90){ post1.push([i,j]); } } } //获得牌组 function getporks(){ getpos(); var i; for (i=0;i<post1.length;i++) { var po = post1[i]; var pk = new pork(po[0],po[1]); porks.push(pk); } } function drawall(){ ctx.clearRect(0,500,500); var i; for(i=0;i<porks.length;i++){ porks[i].drawBACk(); } } function init(){ ctx=document.getElementById('canvas').getContext('2d'); getporks(); drawall(); canvas1 = document.getElementById('canvas'); canvas1.addEventListener("mousedown",getcard,falsE); } function getcard(ev){ var mx; var my; if(ev.layerX || ev.layerX==0){ mx = ev.layerX; my = ev.layerY; } else if(ev.offsetX || ev.offsetX == 0){ mx = ev.offsetX; my = ev.offsetY; } var i; for (i=0;i<porks.length;i++){ if(porks[i].checkclick(mx,my)) { porks.splice(i,1); } } drawall(); } </script> </head> <body onLoad="init();"> <canvas id="canvas" width="500" height="500"></canvas> </body> </html>
@H_801_17@
以上是大佬教程为你收集整理的鼠标点击后会消失的牌组全部内容,希望文章能够帮你解决鼠标点击后会消失的牌组所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。