有一个图像 url,这个图像的大小必须按最小宽度和高度按比例缩小,以便它可以显示在模板中。
上述模板及其内容将使用 javascript 生成到 html 中。所以我必须找到一种方法来使用 javascript 从图像 url 获取图像大小,以便图像的大小可以按比例减小,是否可以这样做?
我正在研究 asp.net 和 c#。
有一个图像 url,这个图像的大小必须按最小宽度和高度按比例缩小,以便它可以显示在模板中。
上述模板及其内容将使用 javascript 生成到 html 中。所以我必须找到一种方法来使用 javascript 从图像 url 获取图像大小,以便图像的大小可以按比例减小,是否可以这样做?
我正在研究 asp.net 和 c#。
如果我理解正确,您想加载图像并按比例缩小以适应屏幕上的特定空间?
在这种情况下,您无需计算任何内容,只需将 CSS 宽度/高度设置为您希望在加载时适合图像的最大空间。浏览器本身会按比例缩小图像以适应空间
不是直接的,但您可以使用一个技巧:URL 必须在某处生成;可能在服务器上。
你可以做的是生成这个网址:http://domain/path/image.png?size=320x200
当浏览器下载图像时,服务器将忽略该参数size
,但您可以在 JavaScript 中检查这部分 URL。