之前写过一个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