我正在使用启用了 contenteditable
属性的 iframe
创建一个文本编辑器。我添加了缩放功能,可放大 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>
最佳答案
你可以使用这样的东西:
document.getElementById("textareathingy").style.transform = "scale(" + percentage + ")";
关于javascript - 如何放大 iframe 中的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57664048/