【问题标题】:How to resize an Image object in javascript and keep using the modified object如何在 javascript 中调整 Image 对象的大小并继续使用修改后的对象
【发布时间】:2014-03-16 10:14:48
【问题描述】:

我在做一个小游戏时遇到了一个问题。

我做了一个小益智游戏,允许用户玩自己的图像(选择后)。问题是我想始终使用 600x400 的画布,因为它与其他元素完全适合在同一页面上。

必须处理调整大小的问题,我必须缩放我的图像,使其适合 600x400 的位置。使用画布 drawImage() 方法我可以做一次,但我的问题是我仍然需要“调整大小的图像”进行内部计算(分成几部分等等)。

所以我问你是否有人知道这样做的任何方法(调整我的内部 Image 对象的大小并继续使用那个新的“调整大小的对象”或任何允许我这样做的库)。

编辑:添加了一些代码。图像对象声明是标准的

image = new Image();
image.src="myImage.jpg";

问题是以前的图像可以有任何随机分辨率。我需要的是类似的东西(我知道我不能做分配,因为 drawImage() 不返回任何对象,只是为了说明我需要什么)

image_aux = ctx.drawImage(image, 0, 0, puzzleWidth, puzzleHeight);

我需要有类似的东西,所以我可以提前使用我的“自定义”分辨率进行任何操作。

提前致谢

【问题讨论】:

    标签: javascript jquery html css canvas


    【解决方案1】:

    已解决,添加即可

    image.src = canvas.toDataURL(); 
    

    在第一次 drawImage() 和事情完成之后,没有更多的问题,创建该行的 url 是调整大小的图像(因为在这种情况下是 jpg,或者如果指定了它们的坐标则为 bmp)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-03-15
      • 1970-01-01
      • 1970-01-01
      • 2019-06-11
      • 1970-01-01
      • 1970-01-01
      • 2011-12-01
      • 1970-01-01
      相关资源
      最近更新 更多