如何将 fabric.js 对象转换为 SVG

Posted

技术标签:

【中文标题】如何将 fabric.js 对象转换为 SVG【英文标题】:How to convert fabric.js Object to SVG 【发布时间】:2021-11-08 15:33:15 【问题描述】:

我知道可以将整个 cavas 转换为 SVG。但是是否可以将单独的对象(如 PathLineRect 等)转换为 SVG,包括应用于这些对象的所有样式?

如果有人可以提供帮助,我们将不胜感激。

【问题讨论】:

【参考方案1】:

Fabric.js 对象有一个名为 toSVG() 的方法用于生成 SVG 字符串。你可以这样使用它:

var obj = canvas.getActiveObject();
console.log(obj.toSVG());

【讨论】:

以上是关于如何将 fabric.js 对象转换为 SVG的主要内容,如果未能解决你的问题,请参考以下文章

Fabric.js 动态裁剪区域对图像和 SVG/形状的影响不同

Fabric.js 将画布(或对象组)剪辑到多边形

如何在 React.js 中从 fabric.js 渲染 svg 字符串?

fabric.js - 基于父级旋转“子”对象,不带分组

Fabric.js 对象在 DOM 加载时从 JSON 呈现时无法更改填充颜色

使用setViewportTransform翻转y轴(fabric.js)时渲染中断