本文主要总结一下学习 canvas 过程中个人的一些心得，希望对想要学习 canvas，或者正在学习 canvas 的小伙伴提供一些思路。文章主要按照时间顺序推进。 按照我们平时的开发习惯，一般就用css对canvas设置宽高，下图就是用css设置宽300px，高200px下画…

其实一开始也是想在网上找一下有没有相关的资料，但是可惜找不到，所以就自己慢慢的推出来了。我就举一下横坐标的例子吧！ 1. 先做出两个相同的元素，然后标记上坐标，并且设置容器属性overflow:hidden来隐藏溢出内容 ok，我们现在对比一下上面的结果，就会发现，放大3倍的时…

相信很多同学都用过 canvas，其操作简单而言就是擦除和绘制，当 canvas 动效越来越复杂的时候，我们时常会担心一帧中的计算超过 16ms，因为此时给用户看到的效果就会明显卡顿。对此我们写了一篇关于 canvas 的「最佳实践」，希望对你有所启发：《Canvas 最佳实践（性能篇）》 ——淘宝 FED

如果我们用 Canvas 实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas 可以直接通过现代浏览器支持的 Media Streams API 来转成视频。 Canvas 对象支持 captureStream 方法，这…

之前使用这个框架写过一个卡片DIY的项目，中间遇到很多问题都只能通过google或github issues才能解决，国内资料较少，所以才想写这篇文章来简单的做下总结，希望可以帮到其他人哈。 Fabric.js 是一个强大的H5 canvas框架，在原生canvas之上提供了交…

前言最近由于公司业务要求，需要完成一个一键生成照片图片打印总图的功能html2canvas是一个非常强大的截图插件，很多生成图片和打印的场景会用到它但是效果很模糊，本文主要记录一下如果解决模糊的问题以

前言 大家好，我是林三心，回想起我当年校招的时候啊，多次被面试官问到canvas，但是我却不会，后来一直想找个机会学一下canvas，但是一直没时间。canvas在前端的地位是越来越重要了，为此，我特

最近对 html5小游戏有点兴趣，因为我感觉将来这个东西或许是前端一个重要的应用场景，例如现在每到某些节假日，像支付宝、淘宝或者其他的一些 APP可能会给你推送通知，然后点进去就是一个小游戏，基本上点进去的人，只要不是太抵触，都会玩上一玩的，如果要是恰好 get到用户的 G点，…

使用canvas制作刮刮乐，使用随机数进行抽奖，再用canvas遮住中奖部分，使用鼠标时间和canvas等操作，将遮住部分涂抹，显示中奖信息。