把圖片畫在 canvas 里后調(diào)用其 toDataURL 方法得到 imageData 的字符串,把它寫入新的<img>,插入 DOM: const getImageData = (imageUrl) => { let image = new Image();
image.src = imageUrl; let canvas = document.createElement('canvas');
canvas.setAttribute('width', 300);
canvas.setAttribute('height', 300);
canvas.getContext('2d').drawImage(image, 0, 0, 300, 300); return canvas.toDataURL();
}; let i = document.createElement('img')
i.src = getImageData('./vue-logo.png'); document.body.appendChild(i);執(zhí)行后控制臺里是這樣的,然而元素還是空的。這是為什么?
這樣把 imageData 作為 src 屬性寫入 <img> 元素為什么會失敗?
慕尼黑5688855
2018-09-06 10:09:02