如何在页面上实现一个圆形的可点击区域？-白红宇的个人博客

发布日期：2021-05-07 16:40:51 浏览次数：15 分类：技术文章

本文共 409 字，大约阅读时间需要 1 分钟。

方法1 使用border-radius

将radius设置为50%,则在元素高度和宽度相等的情况下，可以得到一个圆

使用canvas画一个填充了制定颜色的圆，并且根据单像素判断的方法，如果发现当前点击的像素的颜色是我们指定的颜色，则触发回调事件

      
       
       Document

不使用像素的方法判断，使用canvas提供了ctx.isPointInPath(x, y)判断

      
       
       Document

还有一个方法参考：，使用html实现

上一篇：三丰云免费虚拟主机测评

下一篇：li与li之间的空白

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

40. 组合总和 II（dfs、set去重） 2019-03-04

16 最接近的三数之和（排序、双指针） 2019-03-04

1333 餐厅过滤器（treemap映射） 2019-03-04

python中的all函数 2019-03-04

1137 第 N 个泰波那契数（迭代、记忆性递归） 2019-03-04

279 完全平方数（dfs） 2019-03-04

279 完全平方数（bfs） 2019-03-04

865 具有所有最深结点的最小子树（递归） 2019-03-04

738 单调递增的数字（找出逆序的位置） 2019-03-04

410 分割数组的最大值（二分查找、动态规划） 2019-03-04

875 爱吃香蕉的珂珂（二分查找） 2019-03-04

693 交替位二进制数（位运算） 2019-03-04

450 删除二叉搜索树中的节点（递归删除节点） 2019-03-04

769 最多能完成排序的块（分析） 2019-03-04

542 01 矩阵（单源bfs、多源bfs） 2019-03-04

python测试代码耗时 2019-03-04

桌面图标的自动排列图标 2019-03-04

第十一届蓝桥杯python组第二场省赛-数字三角形 2019-03-04

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 457130811 位访客