一个超好用的前端Canvas库-Konva，可以让你像操作Dom一样操作Canvas元素，集成了多数dom事件以及动画。

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。

本文正在参加「金石计划 . 瓜分6万现金大奖」 前言 大家好，我是汪小成。最近在学习Canvas。这篇文章是我学习Canvas缓动动画时记的笔记，欢迎大家审阅。 什么是缓动动画？ 缓动动画，指的是带有

看B站时，对弹幕的实现产生了兴趣，一开始想到用css3动画去实现，后来感觉这样性能不是很好，查了下资料，发现可以用canvas实现，于是就摸索着写了一个简单的弹幕。 弹幕滚动的基本思路就是通过定时器不断地改变弹幕的位置，时时重绘画布。 先加入一个canvas标签，这里有个注意点…

介绍 一个兼容PC和H5的签名工具函数实现；这里不依赖框架来实现，方便任何网页环境中去使用。 源码地址 思路：利用canvas画笔线条的描边，配合鼠标摁下、移动、抬起或者移动端触摸开始、触摸移动、触摸

如图, 自定义字体并没有生效. 但如果尝试在初次绘制后, 延时一段时间再次绘制, 就没问题 问题原因是因为我们所用的字体需要异步加载, 它是在初次绘制文字时才开始加载的. 因为在初次绘制时, 字体还没有加载完毕, 所以会使用默认字体渲染 浏览器提供了检查相应字体是否加载完成的 …

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情。 前言 前一段时间由于项目需要实现水印功能，于是去了解了相关的内容后，基于 Vue 的实现了一个 v-wa

本文是基于canvas去实现图片裁剪工具。因为canvas代码还是比较长的，尽量写思路，完整代码已放在github上。 这个是写canvas必定接触的问题，网上关于这个的答案也到处都是，就不详细介绍了。 因为canvas不是矢量图，在Retina屏下，浏览器用多个像素点去渲染一…

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