小编Jac*_*zel的帖子

如何在fabricjs中将画布转换为具有嵌入式图像base64的SVG

我有带图像的fabricjs画布,该画布是按fabric.Image.fromURL()方法加载的。

我需要将其导出到SVG,但是我想将图像导出为base64中的嵌入式源,而不是链接。

我该怎么做?有什么办法可以将图像加载为源而不是链接吗?

示例代码:

正在载入图片:

fabric.Image.fromURL('./assets/people.jpg', function (image) {
    image.set({
        left: 10,
        top: 30
    });
    canvas.add(image);
};
Run Code Online (Sandbox Code Playgroud)

导出到SVG:

canvas.toSVG();
Run Code Online (Sandbox Code Playgroud)

在导出的SVG中,我有:

<image xlink:href="http://localhost:8383/app/assets/people.png" />
Run Code Online (Sandbox Code Playgroud)

但是我想要在base64中像这样:

<image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAe8AAAKuCAYAAACIZZSZAAAAAXNSR0IArs4c6QAAAARnQU1BAACx(...)" />
Run Code Online (Sandbox Code Playgroud)

javascript html5 svg fabricjs

5
推荐指数
1
解决办法
4328
查看次数

标签 统计

fabricjs ×1

html5 ×1

javascript ×1

svg ×1