[modern-screenshot] Failed image load data:image/svg+xml;charset=utf-8,... about modern-screenshot

[aben1188]

@qq15725

我仔细检查了一下，发现是Bing Chat聊天页面源DOM结构中的div.disclaimer元素的问题，该元素自身就多了一个“}”，请查看上面的DOM结构截图。

[qq15725]

看能否提供完整的 data:image/svg+xml 数据，我的 Bing Chat 一直没法使用

[aben1188]

看能否提供完整的 data:image/svg+xml 数据，我的 Bing Chat 一直没法使用

完整的 data:image/svg+xml 数据，请查看这里： https://gist.githubusercontent.com/aben1188/6b52a3d4de89d94240140ed335831fbb/raw/60b84817a2a4281fb90e86ad87dc4703ec56910e/gistfile1.txt

[lujihong]

我也遇到同样的问题，我的解决方案如下：
async function generateImage() { imgData.value = ""; building.value = true; function _run(repeat = false) { //生成图片 domToWebp(posterRenderRef.value?.$el, { quality: 1, scale: devicePixelRatio || 2, //复制节点后触发 onCloneNode: (node) => { if (!repeat) { building.value = false; } }, }) .then((dataUrl) => { if (repeat) { return _run(false); } imgData.value = dataUrl; nextTick(() => { uni.hideLoading(); generating = false; }); }) .catch((error) => { _run(true); console.error("生成图片时出现错误:", error); }); } _run(true); }

[aben1188]

@lujihong 能请教一下，你这是用在什么场景中的吗？能麻烦你详细说一下你的解决方案的具体思路吗？先谢过啦

[qq15725]

是这个属性导致的 xml error 可以帮忙看下这部分 html 上是怎么写的吗，我看怎么处理好点（看是过滤异常 attr 还是其他原因导致的异常 attr）

[qq15725]

v4.4.27 默认添加了去除异常属性的逻辑，可以尝试升级再试试

[aben1188]

@qq15725

非常感谢，升级到v4.4.27后已经完美解决问题！

“是这个属性导致的 xml error 可以帮忙看下这部分 html 上是怎么写的吗”，这个问题不是很清楚，因为我只是简单地通过querySelector方法获取到需要转换为图片的DOM结构，然后传入到modern-screenshot的domToPng方法中，中间没有修改过DOM结构，不知道为什么会变成这样。

再次感谢你及时修复问题！