这篇博客就记述了我第一次绘制canvas图片的过程，虽然成品比较丑但这个过程是收获颇丰的(づ｡◕ᴗᴗ◕｡)づ。

探索如何在前端开发中实现一个图片标注工具。本文详细介绍了从渲染图像到实现标注功能的关键步骤，并探讨了将技术抽象成通用开源库的可能性，为开发者提供实用指导和灵感。

在 Web 开发中，Canvas 标签作为一个强大的绘图工具，被广泛应用于图形渲染、游戏开发等领域。

最近新开了一个专栏，纯Canvas实现一些经典的小游戏，如五子棋、俄罗斯方块、2048、贪吃蛇等，主打是纯Canvas和简洁的ES6语法。今天我们先从五子棋开始吧！

主要采用 requestAnimationFrame 来进行每秒 60 帧的持续绘画，并对高刷屏和高分辨率屏做了一定兼容。

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

从事前端开发工作有接近五年时间了，平常都是看看各种大佬的文章学习学习，这也是第一次发文章。日常在开发中也有很多可以分享的内容，但由于各种原因（懒癌患者）没有去总结，所以现在也想尝试把自己开发中遇到的问

在书写的过程中，因为点数量减少导致书写的效果不够理想，因此通过贝塞尔曲线的方式，将点连接起来，形成平滑的曲线，从而达到书写的效果。这节，我们将通过上下分层的方式，优化 Canvas 的书写性能。

下面整理了核心的几个canvas基本概念，如果要造canvas相关的轮子，掌握如下知识是必不可少的。 beginPath 我的这篇文章中“理解基于状态的绘图”部分有详解，总结来说就是stroke绘制的