javascript - 使用包装器按比例调整 div 的大小

标签 javascript html css svg wrapper

基本上我在一个 div 中有一堆元素,比方说 <div class="wrapper"> .我希望能够缩放这个外部 div 并使内部元素与其一起正确缩放。

例如,如果这是一个 SVG 集合,我们所要做的就是更改外部 SVG 的变换。得到这个结果:

Scaled SVG from blue bounding box

我想用 div 包装器实现同样的效果……这可能吗? (我想这样做的原因是因为我希望能够使用 img 标签等,否则我会简单地使用 svgs)。如果有帮助,最终目标是允许用户拖放元素以创建他们自己的界面,但如果它适用于多个屏幕,则会有所帮助。

最佳答案

感谢@samuellawrentz

使用transform:scale(x, y) 缩放任何包装元素

关于javascript - 使用包装器按比例调整 div 的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55545221/

相关文章:

css - 使 CSS Grid 动态宽度中的列尽可能小以适合上下文

javascript - 访问给定文件夹中的所有文件(文件系统访问 API)

javascript - 使用 ajax 内容响应启用和禁用按钮

javascript - 如何使用 jQuery 更改背景图片 "on click"?

javascript - 隐藏 Razor 引擎中的单选按钮

html - 如何使用 flex css 固定高度 div 中的内容

html - 如何将元素符号列表与同一行上的其他文本对齐 - Bootstrap 3

javascript - 使用 Redis 扩展 Socket.IO,然后扩展 Redis 本身

html - div 不显示背景

javascript - 如何在加载时自动滚动文本窗口