0

当用户单击按钮时，画布中的图像将显示在 img 元素中。我检查了图像的宽度是否超​​过，如果超过，请在显示前调整它的大小。但是，这不起作用。当我调试它时，我意识到宽度的检查是基于我的旧宽度而不是新宽度。

<input type="button" value="Load" onclick="loadImage();" />
<img id="aImg" name="aImg" src="${param.src}"></img>

在 Javascript...

function loadImage() {
    var dataURL = "http://xxx.jpg";
    var dis = document.getElementById("aImg");
    dis.crossOrigin = "anonymous";
    dis.src = dataURL;

    if(dis.width > 800){
      dis.width = 800;
    }
}

我的图像显然超过 800，但是，它仍然以实际宽度显示。当我调试时，dis.width实际上检查我的旧宽度。有什么办法可以解决这个问题？谢谢。

4

1 回答 1

0

那是因为它是dis.style.width，不是dis.width

编辑

抱歉，看来我误解了你的问题。我想我会以不同的方式处理这个问题，我会让 CSS 为我处理图像的大小。看看：http: //jsfiddle.net/ysGVP/2/

尝试在我的CSS中调整我的max-width值。.img-wrap

当设置为100px它时，它会缩小图片以适应包装，当设置为 say..900px时，图像以其正常宽度显示。所以基本上，max-width可以用作你的“如果图像超过 X 尺寸，缩小它”

这是你想要完成的吗？

于 2013-10-18T17:53:12.750 回答