gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 15:44:28 25 4
gpt4 key购买 nike

我正在创建一个带有 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>

最佳答案

你可以改用这样的东西:

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

关于javascript - 如何放大 iframe 中的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57664048/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com