jtopo报Uncaught DOMException: Failed to execute ‘getImageData‘ on ‘CanvasRenderingContext2D‘错误解决
jtopo官方demo,告警 node的图片是可以变红色的,但是复制下来的代码并没有变红,
官方demo效果
拷下源码运行效果
F12打开浏览器,看到错误Uncaught DOMException: Failed to execute ‘getImageData‘ on ‘CanvasRenderingContext2D‘
找到解决方案,使用VsCode,下载一个叫Live Server
插件,安装好以后使用Live Server
打开文件。
右下角图标使用live server打开文件
文件右键 Open With Live Server
然后topo图展示就正常了,带告警的node可以正常展示其他颜色。
问题原因是图片存储在本地时,是默认没有域名的,用getImageData方法时,浏览器会判定为跨域而报错。
后记:我在写这篇文档的时候,想截图浏览器的控制台的错误,但是这个错误就没有再出现了,不知道为什么。
参考文档:https://blog.csdn.net/Treeee_/article/details/111996118