Question

我正在尝试编写JAVAScript，它将使用一些base64图像并返回该图像的调整大小版本。我写了这段代码。但它返回的是空图像。我在Google搜索了很多东西。但是得到任何解决方案。这是脚本。

另外，如何调整具有最大宽度和最大高度的图像的大小？

function resizeImage(dataurl) {
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
var imageObj = new Image();


imageObj.onload = function() {
  context.drawImage(imageObj, 100, 100);
};
imageObj.src = dataurl; 
var pngUrl = canvas.toDataURL();

return pngUrl;
}

Answer 1

尝试更改方法参数：

team = input('enter team or city name: ')
for item in x:
  if x[item] == team:
    print(item)
  elif item == team:
    print(x[item])

因为前两个参数是位置，第三个和第四个参数是大小。请记住，为新画布提供与修改后的图像相同的宽度和高度，以免丢失图片。

Answer 2

context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);

如果仅使用第一个参数，则结果应在图像周围填充100，而不是空白。图像可能有浏览器缓存，这是解决方法。

var imageObj = new Image();
imageObj.src = dataurl + (new Date().getIime());
imageObj.onload = function() {
   context.drawImage(imageObj, 100, 100);
};

使用JAVAScript调整图片大小并返回空白图片

2 个答案: