当前位置: 首页 > 知识库问答 >
问题:

在画布上绘制之前设置以编程方式创建的图像的尺寸

羊舌青青
2023-03-14

我用JavaScript创建了一个图像对象,以便在画布上绘制它。我设置图像的宽度和高度属性,然后在画布上绘制。这张图片是按自然尺寸绘制的,而不是我设定的尺寸。

// Assume image is a loaded image object, and ctx is a canvas' 2D context.

image.width=image.width/2;
image.height=image.height/2;
ctx.drawImage(image,0,0); // Draws the image at its original dimensions, not half-size.

我所知道的以不同大小绘制图像的唯一方法是在drawImage函数中明确设置宽度和高度,如下所示:

ctx.drawImage(image,0,0,image.width/2,image.height/2);

下面是两种方法的JSFIDLE演示,以更好地说明我所描述的内容:http://jsfiddle.net/do3gg1cy/.

对于我的用例,我希望能够调整图像对象本身的大小,并在画布上以这种大小绘制它(即第一种方法),而不必在drawImage操作期间设置尺寸。

是我设置的宽度和高度属性不正确,还是有人知道其他方法?

共有1个答案

公良昕
2023-03-14

根据标准,如果“dw”

 类似资料:
  • 因此,我正在创建一个cordova应用程序,在该应用程序中,我从iphone库中拍摄一张照片,将其绘制到画布上,并向其添加另一张图像,以便将其保存为一张照片。到目前为止,我从iphone照片库中绘制的照片可以毫无问题地绘制到画布上,但是第二张图片没有。 当我加载第二张图像时,它首先被添加到具有绝对定位的div中,以便将其移动到我想要的任何位置。之后,我得到了实际的图像,它的来源和位置,并尝试将其绘

  • 实际上,我可以使用函数来完成。我从“HTML5画布-如何在图像背景上画一条线?”中得到的东西。但是我需要在不使用from函数的情况下绘制图像,如下所示:

  • 请帮助我在Android SDK上实现同样的结果。

  • 我可以绘制图像,但我如何旋转该图像例如45度并绘制它,然后绘制另一个图像与-50度旋转在同一画布? 不适用于我,因为它会旋转所有画布内容。

  • 问题内容: 我希望Matplotlib /Pyplot生成具有一致画布大小的图。也就是说,图形可以具有不同的大小以适应轴的描述,但是绘图区域(绘制曲线的矩形)应始终具有相同的大小。 有没有简单的方法可以做到这一点?pyplot.figure()的figsize选项似乎设置了图形的整体大小,而不是画布的整体大小,因此,每当轴描述占据或多或少的空间时,我都会得到不同的画布大小。 问题答案: 这是我对M

  • 我有以下代码应该在图像中绘制线条。我的代码是: 如果我编写,它实际上可以工作。但是我的数组很长并且来自一个输入。