数据可视化

本文介绍Annotorious.js的使用方法，实现图片标签注释、框选注释、自定义选框样式、自定义选框形状……

Skeleton.css 是一个只有419行代码的基础库(包含响应式布局)。读懂这么精简的源码真的对小白走出新手村非常有帮助。

🪐 在 Matter.js 世界里，默认是没有边界的，也就是说你往一个方向把物体丢出去，超过画布边界后你可能就找不回那个物体了。本文讲解让丢出去的物体在另一边重新出现的方法～

🌅 本文介绍了如何使用p5.js开发点彩画派绘画工具。如果你对p5.js和点彩画派感兴趣，可以跟着本文动手试试～

🖼️ 本文主要讲解在p5.js中怎么设置背景图。背景图和普通的图片元素之间有哪些差异、使用背景图时有哪些注意点~

👍 OpenLayers.js快速入门教程。从基础概念到实际应用，轻松掌握OpenLayers.js的核心技能。通过实例演示和解释，帮助你迅速上手OpenLayers.js

🀄️ 如果你使用Fabric.js做编辑类的产品，有可能需要给用户配置字体。这次就讲讲在Fabric.js中创建文本时怎么使用自定义字体、在项目运行时怎么修改字体、以及推一个精简字体库的工具

🐱 当你要复制一个 fabric 的元素时，你考虑到的是什么？是深拷贝当前选中对象再添加到画布中？ 其实，fabric.js 提供了一个克隆方法。

🌶️这次要介绍的一个demo是"拖拽多边形定点修改多边形形状"。我会用老奶奶也能学得懂的方式进行讲解

🦞Fabric.js 官网有很多有趣的Demo，不仅可以帮助我们了解其功能，还可以为我们提供创意灵感。其中，Stickman是一个非常有趣的例子。

🦄 Matter.js是一个强大的JavaScript物理引擎，可帮助你创建逼真的动画和交互式效果。如果你正在寻找一种能够增强你网站用户体验的方式，那么Matter.js是一个很好的选择。

😸 如果你在学习Pixi.js时找不到适合的demo，可以瞧瞧本文。本文从初学者的角度出发，介绍了Pixi.js的一些基础知识和用法，包括Pixi.js的交互事件和动画基础教程

🐇 p5.js是一个流行的JavaScript库，可以轻松创建互动性的图形、动画和交互式应用程序。其中3D图形的绘制也是其强大又有趣的特性之一，本文将介绍如何使用p5.js绘制立方体。

🦄 p5.js中的变换操作是实现动态图形效果的关键，包括平移、旋转、缩放和倾斜等多种操作方式，可以为创作提供丰富的可能性。本文将介绍p5.js中常用的变换函数及其用法。

🦄本文介绍p5.js中map()函数的用法，该函数可以将一段区间映射到另一段区间，用于处理数值的转换。我结合了具体的实例讲解了如何使用map()函数，包括将鼠标位置映射到画布中的特定区域改变画布颜色

🦄 虽然 Fabric.js 提供的基础功能已经很丰富了，但有时难免需要定制一些需求。比如本文要讲的 『自定义控件』。

原生 canvas 提供了 save() 和 restore() 两个方法去管理画布状态。p5.js 作为一个 canvas 库，也理所当然的提供了状态管理的方法。

用 canvas 绘图时会根据当前状态来绘制。很多的 canvas 库都利用到这一特性。比如 p5.js 利用了 canvas 状态特性衍生出 push 和 pop 函数

不知道你有没有遇到过在使用 Fabric.js 时无意中一些骚操作修改了元素的样式，但刷新画布却没更新元素样式？ 如果你也遇到同样的问题的话，可以尝试使用本文的方法。

🙉 Fabric.js 有图案画笔功能，这个功能可以简单理解成“刮刮卡”效果。 如果只是看 Fabric.js 文档可能还不太明白 图案画笔 PatternBrush 是如何使用的。