如何在javascript上设置img的crossorigin

时间:2015-11-14 16:36:08

标签: javascript canvas fabricjs

我正在尝试用FabricJs制作一个T恤定制器 但每次我尝试将画布转换为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);
    });
};

1 个答案:

答案 0 :(得分:3)

您可以这样创建图片:

{{1}}

这就是你用fabric.js做的方式:http://fabricjs.com/docs/fabric.Image.html#crossOrigin(对不起,我不知道这个框架)