计算2个不同盒子的比例

林光宇

301126086

发布于
2018-01-31

大盒子的宽375 高208.5 图片宽1351，高466 ， left-464， top-224.5 有居中效果

小盒子宽40 高40 图片宽 1351 高 466 left -464 top -224.5

功能：大盒子里面的图片移动小盒子里面的图片跟着移动

因为图片的一样大盒子不一样大导致小盒子内容显示不全所以需要缩小图片比例因为盒子是正方形不考虑宽显示不全显示居中就可以了

问题1：怎么去缩小图片的比例

问题2: 当缩小比例后，怎么去计算小盒子的left 和top

还需要考虑大盒子的后续的缩放变大变小。求计算公式

javascript php

python html

阅读 1.2k

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
10 回答11.1k 阅读
为什么在谷歌浏览器中 'a' == ['a'] 返回 true？
'a' == ['a'] 谷歌浏览器返回了true 是为什么1
6 回答3k 阅读
vue项目如何在初始化之前跳转外部页面？
vue项目内有一个分享功能，但是这个分享出去的页面打开会非常慢，所以就想到了单独写了一套H5页面专门用于手机端打开，然后在这个vue项目的分享页面初始化函数里面加一个判断终端是否为移动端，如果是就再做一次跳转，到这个单独的H5页面上去，这样就不会去加载vue框架，打开速度会更快。以上是初始方案和预期。
5 回答4.8k 阅读✓ 已解决
js如何控制移动端overflow:scroll容器滑动的最大速度？
{代码...} demo在这：[链接]在移动端滑动一下这个.box区域,稍微一用力就到头了，如果我想用js去控制他滑动的最大速度该怎么去处理？
4 回答3.1k 阅读✓ 已解决
前端代码更新如何通知用户刷新页面？
前端代码更新如何通知用户刷新页面？
2 回答2.6k 阅读✓ 已解决
Qt中布局是否只有5种呢？
我们经常看到的Qt的布局有：5种（都是继承自QLayout） {代码...} 但是我在官方文档有看到其他的Layout相关命名，例如：QPageLayoutQTextLayout等等请问这些是用于布局的吗？还是说Qt中布局就只有5种呢？
4 回答4.4k 阅读✓ 已解决
这段代码为什么不能获取到数据？
{代码...}
4 回答3.8k 阅读✓ 已解决

相似问题

canvas 雷达图计算问题
1 回答2.9k 阅读
html如何自动计算出前两个文本框显示在第三个同时计算多个
1 回答2.7k 阅读✓ 已解决
国际快递如何实现运费计算
2 回答3.2k 阅读
js怎么计算一段文本的字节大小？
5 回答19.4k 阅读
Css用DIV页面布局（按照比例划分)宽高如何设置？
5 回答4.3k 阅读

找不到问题？创建新问题

计算2个不同盒子的比例

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

Qt中布局是否只有5种呢？

这段代码为什么不能获取到数据？