canvas怎么设置鼠标事件
1个回答
展开全部
canvas内容是没有事件的 有事件的只有canvas本身
通过鼠标在canvas上面移动获取鼠标位置以此来改变点击事件可以
比如 一个长方形或者正方形
计算长方形 200px*100px 根据中心点x 鼠标位置x 距离中心点 <100 and y和鼠标y距离<50
或者一个圆的半径为10px 计算方式就是
var X = 鼠标位置 X - 圆中心位置 X;
var Y = 鼠标位置 Y- 圆中心位置 Y;
Math.pow((X *X + Y * Y), 0.5)<10;
在往其他的一些不规则图形就比较麻烦了需要很高的数学功底
如果不会计算何以试试一些插件
pixi 或者Phase之类 除了基本点击还带一些物理效果
通过鼠标在canvas上面移动获取鼠标位置以此来改变点击事件可以
比如 一个长方形或者正方形
计算长方形 200px*100px 根据中心点x 鼠标位置x 距离中心点 <100 and y和鼠标y距离<50
或者一个圆的半径为10px 计算方式就是
var X = 鼠标位置 X - 圆中心位置 X;
var Y = 鼠标位置 Y- 圆中心位置 Y;
Math.pow((X *X + Y * Y), 0.5)<10;
在往其他的一些不规则图形就比较麻烦了需要很高的数学功底
如果不会计算何以试试一些插件
pixi 或者Phase之类 除了基本点击还带一些物理效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
