Fatal编程技术网
  • javascript/
  • Javascript 下载图像为空的画布

Javascript 下载图像为空的画布

javascript html html5-canvas

Javascript 下载图像为空的画布,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,我正在做下面的演示。为什么我不能下载画布内绘制的图像 var canvas=document.getElementById（“canvas”）； var context=canvas.getContext（“2d”）； var img=新图像（）； img.onload=函数（）{ 背景图像（img，10,0）； }; img.src=https://www.realmadrid.com/img/horizontal_940px/fotomontaje1_20180910050532.jpg'

我正在做下面的演示。为什么我不能下载画布内绘制的图像

var canvas=document.getElementById（“canvas”）；
var context=canvas.getContext（“2d”）；
var img=新图像（）；
img.onload=函数（）{
背景图像（img，10,0）；
};
img.src=https://www.realmadrid.com/img/horizontal_940px/fotomontaje1_20180910050532.jpg';
$（“#下载”）。在（“单击”，功能（el）{
$（'download'）.attr（'download'，“teasazzzstimg.jpg”）；
setTimeout（函数（）{
var image=canvas.toDataURL（“image/jpg”）；
el.href=图像；
}, 3000);
});





Change
el.href=image到
window.location.href=image
谢谢Shumar先生，但仍然是sameHmmmm，试试这个，我知道这看起来很愚蠢，但将锚定标记中的href属性更改为href='#'。我在过去的链接中遇到了一些奇怪的问题，因为我把链接留了下来。值得一试。