DIY.JS 是一款基于原生 Canvas 开发的业务级图形库，专注于为商品定制提供强大的图形交互功能，帮助开发者轻松实现商品的个性化设计，适用于 T 恤、手机壳、抱枕等多种商品的定制场景。 DIY.JS 自带许多安装即用的功能，开发者无需从零开始构建，能够快速集成到项目中并投入使用。 Github：https://github.com/friend-nicen/diy.js 使用 npm 安装

在图形学中，向量和点是最基本的概念。向量表示方向和长度，而点表示位置。 UV坐标（UV Coordinates）是计算机图形学中用于描述纹理映射（Texture Mapping）的坐标系统。它专门用于指定纹理图像（Texture Image）上的像素如何映射到三维模型或二维图形的表面上。 “UV”中的“U”和“V”是坐标轴的名称，类似于笛卡尔坐标系中的“X”和“Y”。不过，UV坐标是专门为纹理映射

之前写过一个DIY手机壳的小程序：https://nicen.cn/5618.html 上线了一段时间之后，发现有类似需求的人还不少，所以想着在空闲的时候做了一个升级版 相较于小程序版本，这一版功能更多、更完善，选择web端也是考虑到它对各种业务场景的兼容更强，开发也更方便。 以下是几个配置好的支持DIY的物品： T恤：https://douyin.nicen.cn/m.html?project=

Fabric.js官网：http://fabricjs.com/ Fabric.js自定义构建：http://fabricjs.com/build/ Fabric.js 是一个强大的、灵活的 HTML5 画布库。 在 Fabric.js 中，preserveObjectStacking 属性是一个布尔值，用于控制当对象被修改（例如移动、旋转、缩放等）时，它们在堆栈中的位置是否保持不变。 设置 pr

在这触控屏的时代，人性化的手势操作已经深入了我们生活的每个部分。现代应用越来越重视与用户的交互及体验，手势是最直接且最为有效的交互方式，一个好的手势交互，能降低用户的使用成本和流程，大大提高了用户的体验。 拖动: drag 双指缩放: pinch 双指旋转: rotate 单指缩放: singlePinch 单指旋转: singleRotate 长按: tap 滑动: swipe 所有的手势都是基

fill()，方法用于填充已有的闭合路径，假设有一个如下图的路径，默认情况下圆和方形都会被填充，最后的效果就是一个黑色的方形； 通过fillRule参数，可以指定填充的算法，决定点是在路径内还是在路径外。 允许的值： \"nonzero\": 非零环绕规则，默认的规则。 \"evenodd\": 奇偶环绕规则。 将填充规则设置为evenodd，绘制的结果会变为下面这样，通过这种方式可以实现反向裁剪。 通过

最开始学html5的时候，曾特意了解过canvas，还记得当时为了搞明白canvas的api，绞尽脑汁了很多个日日夜夜。 但实际工作后用的非常少，到现在canvas的api忘的也差不多了。目前打算好好学一下canvas，尝试一下更多的可能性。 一些资料的收集： Canvas相关的框架的使用，小程序有自带的Canvas框架，还有Egret 、Phaser等；可视化数据的相关框架有：echarts、h