在画布FabricJS中上传backgorund图像

时间:2016-03-04 14:31:50

标签: javascript jquery canvas fabricjs

如何使用输入类型文件从本地上传FabricJS Canvas中的背景图像。

我有图像代码,我也可以将此代码用于背景图像:

var imageLoader = document.getElementById('imageLoader');
imageLoader.addEventListener('change', handleImage, false);

    function handleImage(e) {
        var reader = new FileReader();
        reader.onload = function (event) {
            var img = new Image();
            img.onload = function () {
                var imgInstance = new fabric.Image(img, {
                    scaleX: 0.5,
                    scaleY: 0.5
                })

                canvas.add(imgInstance);
            }
            img.src = event.target.result;
        }
        reader.readAsDataURL(e.target.files[0]);
    }

请参阅:JSFIDDLE

0 个答案:

没有答案