jquery - 如何按一定比例缩放DIV的所有内容？

Question

我想通过按特定百分比对 div 的内容(文本、图像、div 等)的所有维度进行动画处理来实现某种放大/缩小效果。

我该怎么做？类似于:http://www.google.com/intl/en-US/+/demo/

Answer 1

该网站使用带有自定义图 block 的 Maps API。您可以查看 Maps API 并执行相同的操作。但这并不是真正的缩放文本，顺便说一句。瓷砖都是 div 和图像。当您到达动画的结尾时，系统会根据缩放级别引入一组新图像来替换旧图像。

您可以使用 jQuery animate()缩放你的元素。您也可以像@Babak 提到的那样使用 Canvas ，但我不知道您是否想走那么远，我需要了解您的更多要求。