![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas动画
永远的大白
每个人都不应该放弃自己,每天半小时,加油
展开
-
canvas写字板
canvas写字板原创 2017-06-28 19:48:50 · 1293 阅读 · 0 评论 -
canvas 简单的小球抛物线实现和简单的应用
使用canvas实现简单的小球下落canvas可以实现一些有趣的绘画,可以实现规则或者不规则的图形。我们这里的小球就是一个通过canvas的方法arc画出的圆。我们可以使用storke和fil来实现圆的颜色和边框,如果你还想让圆在漂亮一些,使用createRadialGradient可以实现球颜色的渐变。var grad = context.createRadialGradient(x,y,5,x原创 2017-07-03 19:24:51 · 3761 阅读 · 0 评论 -
canvas七巧板
使用canvas简单编写七巧板最近在学习canvas,目前还只是简单的了解了一下canvas画图的原理和简单图形的绘画。看到网上有很多canvas画的七巧板,但是并没有实现可以移动、拖拽和旋转拼接的demo,所以自己就利用js加上简单的canvas来实现一下。原理七巧板说白了也就是七块不同的多边形,要么是三角形,要么是四边形:如下图 我们可以通过数组现将七巧板的每一块先画出来: //把7个点的位原创 2017-06-27 20:50:37 · 1492 阅读 · 0 评论