我有带图像的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)