Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获得图像';s高度与容器成比例';宽度是多少?_Javascript - Fatal编程技术网

Javascript 如何获得图像';s高度与容器成比例';宽度是多少?

Javascript 如何获得图像';s高度与容器成比例';宽度是多少?,javascript,Javascript,我正在使用GoogleMapsAPI为移动应用程序生成地图。正如您将看到的,我可以生成代码的宽度,没有问题。我只需得到容器的宽度并减去总填充。但是,我现在需要为图像创建一个合适的高度。目前我刚刚输入了200(因为它看起来不错),但在其他设备上,宽度会有所不同。是否有一段代码可以用来自动生成高度并使其与宽度成比例 谢谢 var width = $(this).width(); document.write('<img src="https://maps.googleapis.com/map

我正在使用GoogleMapsAPI为移动应用程序生成地图。正如您将看到的,我可以生成代码的宽度,没有问题。我只需得到容器的宽度并减去总填充。但是,我现在需要为图像创建一个合适的高度。目前我刚刚输入了200(因为它看起来不错),但在其他设备上,宽度会有所不同。是否有一段代码可以用来自动生成高度并使其与宽度成比例

谢谢

var width = $(this).width();

document.write('<img src="https://maps.googleapis.com/maps/api/staticmap?
center=55.919070, -5.306156&amp;zoom=15&amp;size=' + (width - 30) +
'x200&amp;markers=55.919070, -5.306156&amp;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谷歌地图的好主意;)