HTML5 Canvas 鼠标点击到图片时进行 *** 作_框架

<!doctype html>

<html>

<body>

var rect={x:100,y:100,w:40,h:20};//定义要画的矩形的位置属性

var canvas=documentgetElementById('canvas');

var cxt=canvasgetContext('2d');

cxtfillRect(rectx,recty,rectw,recth);//绘制矩形

canvasonclick=function(e){//给canvas添加点击事件

e=e||event;//获取事件对象

//获取事件在canvas中发生的位置

var x=eclientX-canvasoffsetLeft;

var y=eclientY-canvasoffsetTop;

//如果事件位置在矩形区域中

if(x>=rectx&&x<=rectx+rectw&&y>=recty&&y<=recty+recth){

以上就是关于HTML5 Canvas 鼠标点击到图片时进行 *** 作全部的内容，包括:HTML5 Canvas 鼠标点击到图片时进行 *** 作、html，js，jquery鼠标指向某张图片时自动获取该图片的id、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

HTML5 Canvas 鼠标点击到图片时进行 *** 作