天地维杰网

人如秋鸿来有信,事若春梦了无痕


  • 首页

  • Redis

  • java

  • linux

  • 日常问题

  • Spring和Springboot

  • Mac相关

  • 中间件

  • 架构

  • python

  • 前端

  • jvm

  • c语言

  • web3

  • 归档

  • 关于

  • 搜索
close

jtopo报Uncaught DOMException: Failed to execute ‘getImageData‘ on ‘CanvasRenderingContext2D‘错误解决

时间: 2022-01-28   |   分类: front     |   原创   |   阅读: 469 字 ~1分钟

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

#jtopo# #javascript# #DOMException# #getImageData# #CanvasRenderingContext2D#
下载Jtopo demo代码
Cpu挖矿Redis竟是内鬼
  • 文章目录
  • 站点概览
不与天斗Domino

不与天斗Domino

Programmer & Architect

183 日志
15 分类
224 标签
© 2013 - 2023 天地维杰网 京ICP备13019191号-1
Powered by - Hugo v0.63.2
Theme by - NexT
0%