Adobe Animate HTML5网页嵌入后部分图层不显示问题求助

核心原因 #

• Google Drive的跨域与访问限制：Google Drive默认对外部网页的资源请求有严格的跨域（CORS）限制，且防盗链机制会拦截批量资源请求，仅允许第一个纹理加载成功。若文件未设置公开共享权限，后续请求会直接被拒绝。
• Animate加载逻辑与Drive机制冲突：Animate导出的HTML5动画依赖CreateJS批量加载纹理资源，而Drive返回的响应头不允许跨域资源共享，浏览器会阻断后续纹理的加载请求，最终仅显示首个成功加载的图像。

解决方案 #

1. 迁移纹理资源：将所有纹理文件从Google Drive转移到支持CORS的静态资源托管服务（如自有网站服务器、专业对象存储平台），确保资源路径为同域或已配置正确的跨域规则。
2. 修正导出路径：在Adobe Animate中重新导出动画，确认纹理资源的相对路径设置正确，避免生成包含Google Drive绝对路径的加载代码。
3. 本地预验证：使用本地静态服务器（如Node.js的http-server）测试动画加载效果，确认所有纹理正常显示后再部署到个人网站。

内容的提问来源于stack exchange，提问作者Lars Hovden