我有一个相当复杂的HTML DOM节点树,我想复制并显示在页面的其他位置,但是大小不同。即我想按比例缩放它。
我可以用
克隆它copy = elem.cloneNode(true);
并且在附加到其他地方时工作正常。但它的大小相同。大多数元素具有绝对大小,重新生成其中一些内容来自库函数是不实际的。
是否可以缩放整个节点层次结构,使其看起来相同,只是更小?
答案 0 :(得分:3)
在父母身上使用CSS,例如transform: scale(0.5)
Stack snippet
.original {
background: red;
width: 100px;
height: 100px;
}
.scaled {
transform: scale(0.5);
}
<div class="original"></div>
<div class="scaled">
<div class="original"></div>
</div>
详细说明: