时间戳

首页 > 解决方案 > 如何放大 iframe 中的文本？

javascript - 如何放大 iframe 中的文本？

问题描述

我正在创建一个带有属性的文本编辑iframe器contenteditable。我添加了一个缩放功能，可以放大iframe. 这是代码：document.getElementById("textareathingy").style.zoom = percentage;当我使用放大功能时，它会使iframe“更大”，但文本的大小保持不变。有人可以指出我正确的方向以使文本中的文本iframe也被放大。

<html>
<body>
<button id = "btn" onclick = "zoom()">Click me!</button>
<iframe name = "textfield" id = "textareathingy" style = "border: 1px black solid; width: 100px; height: 100px"></iframe>
</body>
<script>
window.frames[0].document.body.innerHTML = "random text";
var percentage = 2;
function zoom() {
document.getElementById("textareathingy").style.zoom = percentage;
}
</script>
</html>

标签： javascripthtmlcss

解决方案

你可以改用这样的东西：

document.getElementById("textareathingy").style.transform = "scale(" + percentage + ")";

推荐阅读