createjs图片跨域问题踩坑记录

75 阅读1分钟

如果HTML是直接在本地用浏览器打开的(地址前缀file:开头的都算),如下图所示 image.png

image.png

This is most likely due to security restrictions on reading canvas pixel data with local or cross-domain images.

出现上面报错的,可以先参考这篇文章解决问题 关于图片跨域的解决办法 - createjs技术博客 (ajexoop.com)

如果问题仍然没有解决,则很有可能是如下问题导致的。

  1. 使用了"pressup""pressmove",改为"mouseup""mousemove"或者"stagemouseup""stagemousemove"
  2. 图片太大,动辄几M的,在浏览器控制台的network可以看到加载的图片都不能预览的,这种情况要把图片做压缩,如果界面是用AN做的话,可以在库里面右键选择图片属性,如下图所示

image.png至于压缩质量要设置多少自己调,直到加载的图片能在network预览。