Fabric.js 补充笔记

选中状态元素置顶问题

TIP

老版本无需设置该属性

fabric canvas 的 preserveObjectStacking，当设置为 true 的时候是在当前层,设置为 false 时是置顶选中元素,默认的是 false。

思路：图层排序问题

fabric 中没有 CSS 中 z-index 的概念，需要通过 moveTo() 和 bringToXXX() 来处理。

思路：缩放后的尺寸计算

对象用 scale 缩放后，取 width 和 height 依旧是缩放前的值，所以需要乘以缩放系数才能得到真实的值。

思路：针对 fabric 不支持的 canvas 操作

针对 fabric 不支持的 canvas 操作，可以通过用原生或其他库生成后转换成图片，再通过 fabric.Image 渲染到 fabric 的画布上。