如何使用输入类型文件从本地上传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