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

标签 javascript html css

我正在使用启用了 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/

相关文章:

html - 在响应图像上居中按钮

javascript - 小袋鼠和原型(prototype)错误

javascript - 根据用户个人资料中的数组在集合中查找

javascript - 尝试在有丝 split 模拟中模拟细胞的 split

javascript - 调用由 key 标识的异步函数

java - MailTo 中的转义符和符号

html - 我必须添加哪些额外的 CSS 才能使 HTML 表格显示单元格边框?

javascript - Chrome 扩展覆盖

jquery - 在 jQuery 中计算图像的宽度

html - 如何将选定的菜单项拉伸(stretch)到窗口的左边缘?