Javascript 如何获得图像';s高度与容器成比例';宽度是多少?
我正在使用GoogleMapsAPI为移动应用程序生成地图。正如您将看到的,我可以生成代码的宽度,没有问题。我只需得到容器的宽度并减去总填充。但是,我现在需要为图像创建一个合适的高度。目前我刚刚输入了200(因为它看起来不错),但在其他设备上,宽度会有所不同。是否有一段代码可以用来自动生成高度并使其与宽度成比例 谢谢Javascript 如何获得图像';s高度与容器成比例';宽度是多少?,javascript,Javascript,我正在使用GoogleMapsAPI为移动应用程序生成地图。正如您将看到的,我可以生成代码的宽度,没有问题。我只需得到容器的宽度并减去总填充。但是,我现在需要为图像创建一个合适的高度。目前我刚刚输入了200(因为它看起来不错),但在其他设备上,宽度会有所不同。是否有一段代码可以用来自动生成高度并使其与宽度成比例 谢谢 var width = $(this).width(); document.write('<img src="https://maps.googleapis.com/map
var width = $(this).width();
document.write('<img src="https://maps.googleapis.com/maps/api/staticmap?
center=55.919070, -5.306156&zoom=15&size=' + (width - 30) +
'x200&markers=55.919070, -5.306156&sensor=false" width="' +
(width - 30) + '" height="200">');
var-width=$(this).width();
文件。写(“”);
要计算出一个比率(例如16:9),您可以进行以下计算:
height = Math.round((width/16)*9);
你试过了吗?另外,填充是作为width()的一部分包含的,因为它是计算出的高度。@LeonardChallis嗨,我应该说,容器的高度比宽度大得多。我不希望图像填满容器,只希望图像的大小与其宽度成比例。比例是多少?@LeonardChallis,让我们假设一个16:9的比例??“我不知道怎么计算。”莱昂纳多·查利斯谢谢你!用Math.round将其包装起来,并作为答案发布,这样我就可以选择它了!:)很高兴:)这是一个16:9谷歌地图的好主意;)