一些用作 <img> 组件 src 的图像 URL 导致错误
< !--- 提供问题的总体概述,放在标题中。 ---> 我使用了 react + nextjs,我想要截取屏幕的截图。 "https://media.restocks.net/products/DV6773-220/a-ma-maniere-x-air-jordan-4-violet-ore-1-400.png" 来自上述域的任何图像 URL,用作 组件的 "src" 将在我调用 toPng 时产生错误。 但是,来自以下域的图像 URL 正常工作 "https://images.stockx.com/images/Adidas-Yeezy-Boost-350-V2-Blue-Tint-Product.jpg?fit=fill&bg=FFFFFF&w=140&h=100&fm=webp&auto=compress&q=90&dpr=2&trim=color&updated_at=1606322199" ### 预期行为 下载以下图像为 png 格式 "
" ### 当前行为 没有图像被下载,并且出现了以下错误。 "
" ### 可能的解决方案 如果我使用来自其他域的图像,则可以正常工作,并且可以下载图像。 "
" 如果我使用来自 "next/image" 的 ,则可以使用 "https://media.restocks.net/products/DV6773-220/a-ma-maniere-x-air-jordan-4-violet-ore-1-400.png"。 但是,使用来自 Chakra UI 或原生 的 则不起作用。 ### 重现步骤
1. 将 "https://media.restocks.net/products/DV6773-220/a-ma-maniere-x-air-jordan-4-violet-ore-1-400.png" 用作 组件的 "src"。 2. 使用 toPng 截取屏幕,然后使用 downloadjs 下载。 3. 在控制台上检查错误。 ### 附加上下文 此问题对您有何影响? 我无法截取任何图像。 您想要实现什么? 了解为什么使用来自 "media.restocks.net" 的图像源不起作用 ### 您的环境
图像域已在 next.config.js 中的 whilelist 中。 "react": "18.1.0", "next": "12.1.6", - html-to-image: 1.11.11 - 操作系统: macOS Ventura 13.2 - 浏览器: 版本 109.0.5414.119 (官方构建) (arm64)
内容来源: bubkoo/html-to-image