在 Konva.js 上将 RGBA 过滤器应用于 SVG 图像

Question

我刚刚在这个演示中用我的 .svg 文件替换了 .png 文件： https://konvajs.org/docs/filters/RGBA.html 但是过滤不起作用，它说： konva.min.js.download:12 Konva 错误：无法应用过滤器。无法在“CanvasRenderingContext2D”上执行“getImageData”：画布已被跨域数据污染。

Konva.Image.fromURL('./graphic-01.svg', function (lion) {
    var stage = new Konva.Stage({
      container: 'container',
      width: window.innerWidth,
      height: window.innerHeight,
    });

Answer 1

您可以使用 CORS 问题。当 HTML 作为本地文件从 file: 协议打开时，可能无法缓存和过滤图像。

有关我的信息，请阅读Tainted Canvas Docs。