gpt4 book ai didi

javascript - Canvas drawImage 将我的正方形图像缩放为矩形

转载 作者:行者123 更新时间:2023-11-30 20:00:59 25 4
gpt4 key购买 nike

<分区>

我有一个相当简单的测试,一张 400 x 400 的白色图像,上面的文字一遍又一遍地说“1”。

我在一个相当简单的 1000 x 1000 Canvas 上绘制它,试图将它的大小调整为 100 x 100。

var image = new Image();
document.body.appendChild(image);

image.addEventListener("load",function (event) {
var image1 = event.target;
var tempCanvas = window.document.createElement("canvas");

tempCanvas.style.width = "1000px";
tempCanvas.style.height = "1000px";
tempCanvas.style.background = "rgba(0, 0, 0, 0.1)";

document.body.appendChild(tempCanvas);

tempCanvas.getContext("2d").drawImage(image1, 0, 0, 100, 100);
});

image.src = "1.png";

但是,尽管所有这些都是正方形,但我最终得到了一个看起来很奇怪、变形、缩放比例很奇怪的矩形结果,质量很差,而且它的任何尺寸都不是 100 像素。

Odd result

在左边,你可以看到原始图像,在右边,那是我 Canvas 的左上角。

如果你想要原图,这里是:/image/yDkLx.png

我错过了什么?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com