全网第一个实现psd转fabric画布的开源图片编辑器，深度了解psd解析原理和画布渲染原理，知识点甚多

今天领导给我一个任务，就是要求画布上面需要增加一个标尺，用来识别画布内元素的坐标，于是就开始我的搬砖之旅了。 开始想着挺简单的，不就是对画布进行刻度标记吗，写着写着发现有点不连贯了，于是就开始在网上找

基于vue3 + fabric.js + vite + element-plus + typescript等技术,画布背景原理分析

数据采集 业务： 轨迹手写、抄写 雷达采集 轨迹手写、抄写 需求 可配置画笔颜色、粗细 可通过手势生成实际轨迹 可通过手势来圈选轨迹 可撤销、删除轨迹 可操作轨迹 可缩放、拖动 背景网格，且背景网格可

掘金年度征文 | 2020 与我的技术之路 征文活动正在进行中......

目前现状 默认情况下，fabricjs允许元素拖到画布之外的，即fabric object的 left 和top为负值。在实际的使用过程中，有两个地方需要控制 在元素拖入画布中时，这时候，被拖入的元素

如果元素超出画布，就容易后面找不到了，所以这里要做一些规则 防止元素拖动超过画布， 这里的理解比较简单，就是处理一些阀值情况，让元素不可以超出画布 添加 object:moving 对象拖动事件 到这

😼如果希望元素不会超出画布，就算超出了也会弹回画布里，不妨试试本文的方法：根据画布的宽高和元素的尺寸进行计算

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