DOM元素与背景图像到画布

Question

我必须创建一个带有网站缩略图的库。

我使用Javascript将HTML和样式转换为序列化的XML数据：

serialized = new XMLSerializer().serializeToString( html );

之后我从序列化字符串中创建字符串数据：

var data = '<svg xmlns="http://www.w3.org/2000/svg" width="' + width + '" height="' + height + '">' +
'<foreignObject width="100%" height="100%">'
+ serialized +
'</foreignObject>' +
'</svg>';

在canvas元素上打印这些数据后，我发现除了div的背景图像之外，一切正常。

如何将包含background-image属性的DOM元素转换为使用canvas？

谢谢你， 亚历

Answer 1

我找到了解决方案。将url转换为base64并正常工作。