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

富文本编辑器相信大家都用过，相关的开源项目也很多，虽然具体的实现不一样，但是大部分都是使用DOM实现的，但其实还有一种实现方式，那就是使用HTML5的canvas，本文会带大家使用canvas简单实现

记得之前整理过一次excalidraw工具的使用，因为该工具只适合绘图的场景，由于日常开发中会整理一些思维导图，所以就开始使用了processon在线工具。最近查看了excalidraw的官网更新状态

前言 好久之前写的一个两个小demo了，记得原来看过大佬写的一篇文章 《# 产品经理：你能不能用div给我画条龙？》，学习到了 context.getImageData() 这个api，然后基于这个

这篇文章将从零开始，使用 Canvas 开发一款声控跳跃游戏，不会使用任何框架，全都是很好理解的基础代码，没有其他学习成本。

使用fabric.js开发了图片编辑器，用文字加动图的形式直观的分享出来，帮助做功能参考，项目已开源。

canvas 是一个可以通过 JavaScript 脚本来绘制图形的 HTML 元素，殊不知，如果滥用 canvas，内存就会慢慢被它吃掉。

背景 我们用手机的摄像头自拍，很容易实现 简单的自拍效果，如复古、黑白等等。其实我们使用web端的JavaScript也是可以实现的。接下来就带领小伙伴实现一个魔法摄像头。并且提供了截图下载功能。 魔

本文将从技术选型的各种考虑因素（如技术的社区活跃度、文档丰富程度、具体落地案例、性能、适用场景、人员学习成本等）对这四个图形库进行对比, 并针对编辑能力做了详细的对比表~