Canvas.toDataURL() SecurityError: The operation is insecure не могу скачать картинку в firefox
Возникла у меня сегодня проблема при скачке в браузере firefox картинки из canvas. В других браузерах (Chrome, Opera) проверял скачивает без проблем и не ругается в консоли. Код HTML
(function () {
const canvasSize = 600
const canvas = document.getElementById('canvas')
const context = canvas.getContext('2d')
const imageParams = {
width: 0,
height: 0,
originalWidth: 0,
originalHeight: 0,
sizeImage: 100,
ratio: 1
}
function update () {
requestAnimationFrame(update)
canvas.width = imageParams.width
canvas.height = imageParams.height
clearCanvas()
context.drawImage(
image,
0,
0,
imageParams.width,
imageParams.height
)
}
function clearCanvas () {
canvas.width = canvas.width
}
document.getElementById('download').addEventListener('click', () => {
let link = document.getElementById('download')
link.href = canvas.toDataURL()
})
})()