我有一个带图片的fabricjs画布,我是通过fabric.Image.fromURL()
方法加载的。
我需要将其导出为SVG,但是我想将图像作为base64嵌入式源导出,而不是作为链接导出。
我该怎么办?是否有一种方法可以将图像作为源而不是链接加载?
示例代码:
加载图像:
fabric.Image.fromURL('./assets/people.jpg', function (image) {
image.set({
left: 10,
top: 30
});
canvas.add(image);
};
导出为SVG:
canvas.toSVG();
我导出的SVG文件中有:
<image xlink:href="http://localhost:8383/app/assets/people.png" />
但我想要的是base64编码,如下:
<image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAe8AAAKuCAYAAACIZZSZAAAAAXNSR0IArs4c6QAAAARnQU1BAACx(...)" />