javascript - webkit 掩码图像抛出一个 cors 错误 Angular

Question

我在 StackOverflow 上看到了一些答案，但很难理解，我也尝试对其进行清理，但问题是一样的。 https://stackoverflow.com/a/61984516/4646531

从来源“http://localhost:4200”访问“https://mdn.mozillademos.org/files/12676/star.svg”中的图像已被 CORS 策略阻止:没有“访问控制- Allow-Origin' header 出现在请求的资源上。

<div [ngStyle]="{'-webkit-mask-image': 'url(https://mdn.mozillademos.org/files/12676/star.svg)'}">
  yo! This text is contained within a <code>P</code> tag.
</div>

stackblitz 上的代码

Answer 1

我遇到了同样的问题，但我可以将图像用作背景图像而不是 mask 图像。

是同一张图片，cors 只在 mask-image 属性上屏蔽了它，而没有在 background-image 属性上屏蔽它。

但使事情复杂化的是，图像位于同一域中，但该页面是供其他人嵌入各种网站的 iframe。