html代码实现文字转图片的代码，自动换行

共1个文件

html：1个

html

需积分: 5 1 下载量 8 浏览量 2023-04-20 20:41:01 上传评论 1 收藏 616B RAR 举报

温馨提示

我们使用了html2canvas库将id为text的div元素转换为canvas元素，并将canvas元素转换为图片。同时，我们使用了CSS样式控制文字的换行。最后，我们在页面上添加了一个按钮，点击按钮即可将文字转换为图片并显示在页面上。

资源推荐

资源详情

资源评论

收起资源包目录

文字转图片.rar （1个子文件）

文字转图片

index.html 867B

共 1 条

<!DOCTYPE html> <html> <head> <title>文字转图片</title> <script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> <style> #text { word-wrap: break-word; white-space: pre-wrap; } </style> </head> <body> <div id="text"> 这是一段需要转换为图片的文字，需要自动换行。 </div> <button onclick="convertToImage()">转换为图片</button> <div id="image"></div> <script> function convertToImage() { html2canvas(document.querySelector("#text")).then(function(canvas) { var img = document.createElement("img"); img.src = canvas.toDataURL(); document.querySelector("#image").appendChild(img); }); } </script> </body> </html>

评论收藏

内容反馈

资源评论