一、问题背景
问题是这样发生的,因为项目中需要实现热力图的功能,所以使用了第三方的库 heatmap.js。
但是在一些浏览器中使用它时,会出现这个错误:
> Uncaught TypeError: Cannot assign to read only property 'data' of object '#<ImageData>'
出现问题的原因是因为 img.data = imgData; 这行代码,其目的是直接替换 img 的 data 属性。但是 data 属性在一些浏览器中是只读的,如果想要修复这个问题需要删除这一行代码。因为 imgData 与 img.data 指向相同的引用,对 imgData 的所有修改都会体现在 img.data 中。