fabric.js
gqkmiss
前端
展开
-
使用fabric.js开发图片编辑器所遇到的问题合集
一、选中多个模块组合与拆分组1、组合组合是要把选中的模块组合成一个组选中的模块:card.getActiveObject()成组:// 成组 、重新渲染card.getActiveObject().toGroup()card.renderAll()2、拆分组合// 获取选中的组合模块,进行组合拆分、重新渲染card.getActiveObject().toActiveSelection();card.renderAll()二、loadSVGFromString 加载 SVG原创 2020-12-23 17:57:01 · 3851 阅读 · 0 评论 -
fabric.js转化对象时保存自定义属性
fabric.js转化对象时保存自定义属性我们在用 fabric.js 操作canvas画版添加各种形状/图片时,有时候会自己添加对应的自定义属性,当涉及到撤销/恢复时,要保存之前的canvas的数据以及状态,此时一般通过toJSON()、toDatalessJSON()、toDatalessObject()等来获取canvas中的内容进行保存。但是自定义属性是保存不了的。转化成对象时保存自定义属性canvas.toJSON(['myFabricType'])canvas的toDatalessJ原创 2020-12-03 09:59:41 · 1632 阅读 · 0 评论 -
fabric.js 画板进行撤销、恢复和保存操作(上一步/下一步)
fabric.js 撤销、恢复和保存操作(上一步/下一步)const state = { saveLen: 0, deleLen: 0, operIndex: -1}window.saveOperateList = []window.deleteOperateList = []const getters = { }const mutations = { // 操作保存的数据 OPERATE_OPERATE_DATA (state) {原创 2020-11-17 15:09:51 · 5696 阅读 · 8 评论 -
fabric.js loadSVGFromString Uncaught TypeError: Cannot set property ‘crossOrigin‘ of undefined
fabric.js loadSVGFromString Uncaught TypeError: Cannot set property ‘crossOrigin’ of undefined在 fabric.js 的项目中,使用 canvas.toSVG() 生成的 SVG 代码,在通过 loadSVGFromString 来进行渲染,报错错误内容fabric.js:4477 Uncaught TypeError: Cannot set property 'crossOrigin' of undefi原创 2020-11-17 14:04:13 · 676 阅读 · 0 评论 -
fabric.js 中 loadSVGFromString 加载 SVG 导致位置不对
loadSVGFromString 加载 SVG 导致子元素left和top值不对问题:通过 loadSVGFromString 加载 SVG ,渲染完成之后回导致 里面的子模块 left 和 top 的值不正确原因:这个是因为,通过 loadSVGFromString 加载的 SVG 回被组成一个组合,组合里面的子元素按照组合的基点来算 left 和 top 值,而组合的基点所在位置是中心点,不是我们通常的canvas的顶点位置所以可以先进行组合、在进行组合拆分const card = new f原创 2020-11-17 11:33:42 · 2212 阅读 · 1 评论