【问题标题】:Resize Image() object with javascript not working使用 javascript 调整 Image() 对象的大小不起作用
【发布时间】:2013-12-12 04:38:26
【问题描述】:

我在 javascript 中有一个图像对象,我将其用作乒乓球游戏的背景。但是,图像比画布大,所以我尝试用这个缩小它

var bg=new Image(); 
bg.src='bg.png';
bg.width=600;
bg.height=400;

但是,在画布中,图像没有改变大小。有谁知道是什么原因造成的?

【问题讨论】:

  • 愚蠢的问题,但是:您是否使用bg 绘制图像? (如果你画了,你是如何绘制图像的?)
  • 我做了 ctx.drawImage(bg,0,0);
  • 你能重现jsFiddle中的错误吗?
  • 顺便说一句,@scrblnrd3,如果您自己找到答案,您可以/应该将其发布为您自己问题的答案并接受它,以便将来来这里的其他人很快看到有答案。很高兴你明白了!
  • @JasCav 谢谢。我已将其移至我自己的答案

标签: javascript canvas background


【解决方案1】:

要调整整个图像的大小,而不是从源手动调整大小,请将宽度和高度参数添加到 drawImage() 方法中,如下所示

 ctx.drawImage(bg,0,0,600,400);

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-10-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-01
    • 1970-01-01
    相关资源
    最近更新 更多