H5的Canvas绘图——使用fabricjs绘制一个可多选的随机9宫格

文章预览

序言 多年之前，使用过HTML5的原生Canvas进行绘图，还记得当时使用 const context = canvas.getContext('2d'); 时的兴奋劲，为此曾经制作过一份非常详细的Canvas使用指南。只可惜最后没有坚持下去，走向大前端之路，兜兜转转，误入了后端之门，再也没有了当时的愉悦体验。 最近由于兴趣，又一次对H5的Canvas产生了兴趣，突然发现世界已经进化，有个非常易用的封装类库 fabric js ，这使用起来，简直又是一番全新体验,如果你也有兴趣，不妨一看瞧瞧… 1. Fabricjs 介绍 Fabric.js 是一个强大的 JavaScript 库，专门用于在 HTML5 Canvas 上进行图形和图像处理。它为开发者提供了一个简单而直观的 API，使得创建和操作复杂的图形变得更加容易。Fabric.js 的核心特点包括对象模型、事件系统、以及丰富的图形绘制功能。 🚩首先，Fabric.js 的对象模型允许开发者将 Canvas 中的每个 ………………………………