如何在javascript上设置img的交叉原点

how to set crossorigin of img on javascript

本文关键字：原点 img 设置 javascript      更新时间：2023-09-26

我正在尝试用FabricJs制作一个tshirt自定义程序
但每次我尝试将画布转换为Base64 时

$('#frontCanvas')[0].value = $('canvas')[0].toDataURL("image/png")

我得到这个错误：

SecurityError:操作不安全。

我确信是关于crossOrigin的，但我不知道如何将其添加到我的脚本中
我尝试了很多不同的方法，但都没有成功。

任何帮助都将被感激
非常感谢。

$scope.loadImage = function (source) {
    var opacity = (function (min, max) {
        return Math.random() * (max - min) + min;
    })(0.5, 1);
    fabric.Image.fromURL(source, function (image) {
        image.set({
            left: 100,
            top: 100,
            angle: 0,
            padding: 10,
            cornersize: 10,
            hasRotatingPoint: true
        });
        //image.scale(getRandomNum(0.1, 0.25)).setCoords();
        canvas.add(image);
    });
};

您可以通过以下方式创建图像：

var image = new Image;
image.crossOrigin="anonymous"; /* THIS WILL MAKE THE IMAGE CROSS-ORIGIN */
image.src = source;

以下是使用fabric.js的方法：http://fabricjs.com/docs/fabric.Image.html#crossOrigin（对不起，我不知道这个框架）

相关文章：