如何在不裁剪的情况下调整新图像对象的大小？

Posted 2023-02-25

【中文标题】如何在不裁剪的情况下调整新图像对象的大小？

【英文标题】：How can you resize a new image object without cropping it?

【发布时间】：2014-03-07 02:32:15

【问题描述】：

有没有办法在不裁剪的情况下加载更大或更小的图像？我不希望它看起来更小或更大。我希望它实际上更小或更大。我尝试将these parameters 用于新的 Image() 对象，还有吗？

_img = new Image(50, 50); //These parameters will crop it
_img.addEventListener('load',onImage,false);
_img.width = 50;//This will crop it.  

_img.style.width = "50px";//This doesn't change the original width to read `50`.  
console.log(_img.width);

【问题讨论】：

转到这个答案：可能的答案***.com/questions/747101/…

【参考方案1】：

即使您的问题不清楚，我认为您必须在加载后使用画布重新绘制它...这个答案可能会给您一个方向 Resizing a .png image when drawing to html5 canvas using javascript