Здравствуйте! Столкнулся с такой проблемой: создаю элемент канваса, затем рисую на нем изображение, но когда получаю ссылку на изображение при помощи toDataUrl и перехожу по ней - изображение, которое отрисовал канвас не отображается.
Вот мой код:
var canvas = document.createElement('canvas')
var ctx = canvas.getContext('2d')
canvas.width = 500
canvas.height = 500
var backgroundImg = document.createElement("img");
backgroundImg.src = "https://i.imgur.com/yf6d9SX.jpg";
backgroundImg.onload = () => {
ctx.drawImage(backgroundImg, 0, 0, canvas.width,canvas.height);
}
console.log(canvas.toDataURL("image/jpg"))
Простой
