likaia / js-screen-shot

web端自定义截图插件(原生JS版)
https://www.kaisir.cn/js-screen-shot/
MIT License
769 stars 106 forks source link

当页面中有img标签且src地址无法获取到图片资源时。截图控件报错。 #162

Open hzboy192 opened 2 months ago

hzboy192 commented 2 months ago

Version of js-screen-shot

1.7.9

Operating system and its version

Windows

Browser and its version

126.0.6478.127(正式版本) (64 位)

Sandbox to reproduce

在被截图的页面body中添加<img src="https://xxx.com/demo.jpg"/>然后截图

What happened?

截图遮罩层出现后鼠标无法选择截图区域。控制台有错误,提示图片not fond。

使用html2canvas模式截图,相关配置: enableWebRtc: false, loadCrossImg: true, clickCutFullScreen: false, wrcWindowMode: false, hiddenScrollBar: {state: true},

页面错误不应该影响截图软件的运行,临时处理方案修改源码drawCrossImg函数中img.onerror将src替换成空白图片后按onload中的逻辑执行,截图是优化的逻辑供参考。 2024-07-04_15-41-27

报错信息

报错信息见浏览器控制台错误。

处理建议

插件提供一个dom转换的onerror回调函数,将出现异常的dom对象传递给过去,让开发人员自定义实现异常修复逻辑。框架可默认实现一个异常修复方案,保证截图控件正常运行。

likaia commented 2 months ago

Hello @hzboy192. Your feedback has been received, and you will be notified in the issue area when the problem is resolved. 你好 @hzboy192,已收到你反馈的问题,问题解决后将在issue区域通知你。