简介 网传看到一个电影院选票的面试题，试着在脑海里回答，先这样再这样，最后在这样，然后我扩展了一下，变成了演唱会选票 实现：canvas 需要处理的问题： 绘制 放大缩小 移动 选中座位 性能问题 在

前段时间有位同学问我：“公司项目中需要增加一个签字板的功能”，问我如何进行实现 ...... 这还不简单，直接手撸一个...... 【纯 JS 实现签字板功能，附完整源码和消息描述。】

概一个月前，我发现掘金老是给我推荐Canvas相关的内容，比如很多 小游戏、流程编辑器、图片编辑器 等等各种各样的项目，于是我也通过手写Canvas引擎实现了简历编辑器。

事情是这样的，前天上午产品经理说想要做一个心愿墙，问我能不能行 我心想，这太容易了，但为了多摸一天鱼，我说还是有点挑战的 结果下午，产品经理和设计师就给我发来了设计参考 他们说，心愿墙的设计大致是这样

项目整体已经给出，那么我们就撸起袖子加油干吧。 上面我们提到了canvas的事情，所以呢，这就是制作弹幕的杀手锏了。我们利用canvas绘图来实现弹幕的功能 创建实例很简单，没有对象，只需要new一个就有了，哈哈。接下来，说回正事，我们赶紧完成上面代码中todo的部分，来完善C…

首先，当我们知道要做粒子的效果的时候，我们要思考我们如何来实现，而且还要尽可能的面对我们亲爱的对象，于是便有了如下的思考。 这里我定义了时间与粒子生成的数量，还有一个粒子池。 光在世界中沿直线传播，你现在所能看到的月光是很久之前的月光，这就说明很久之前的月光一直在传播，同时也意…

canvas绘制运动小球

定义点击事件，当点击旋转按钮，执行rotateWheel() 方法，该方法将动态改变全局变量 starRadian的值，并调用 window.requestAnimationFrame()方法实现逐帧旋转动画。 之所以在绘制最开始对画布做清理，是为了完成逐帧动画。 我们可以想象…

canvas入门 本文首发于我的个人博客：http://cherryblog.site/ github项目地址：https://github.com/sunshine940326/canvasStar 项目演示地址：https://sunshine940326.github.io…