随笔分类 -  canvas

摘要:isPointInPath() 用来检测某个点是否在当前路径中,常用来做点击交互等。 需要注意的是,每次执行一次beginPath方法,检测路径就变成这次beginPath之后绘制的路径,原来的路径不参与检测。 例如实现点击下面的圆,颜色变成蓝色。 我们需要实现的是鼠标点击当前位置是否在我绘制的圆圈 阅读全文
posted @ 2019-10-09 13:27 张最棒 阅读(1587) 评论(0) 推荐(0)
摘要:用变量的方式绘制一个五角星,首先求五角星十个顶点的坐标。 可以把每个五角星看成外顶点用一个大圆绘制,内顶点用小圆绘制。在坐标系(0deg)下,根据每个顶点的角度和圆的半径求得x,y。 而每个大顶点相差72deg(180/5),每个小顶点也差72deg.所以下一个顶点的度数就是当前点加上72deg.( 阅读全文
posted @ 2019-09-24 17:30 张最棒 阅读(1690) 评论(0) 推荐(1)
摘要:canvas实现七巧板 <canvas id="canvas" width="800" height="800"></canvas> <script> var rangram = [ { p: [{ x: 0, y: 0 }, { x: 800, y: 0 }, { x: 400, y: 400 } 阅读全文
posted @ 2019-09-23 21:19 张最棒 阅读(292) 评论(0) 推荐(0)