小编A.B*_*Ban的帖子

将 HTML 文本转换为图像 - Javascript

我是新来的。我只是想将一行文本转换为图像。

这是 JavaScript

<!doctype html>
<html>
    <head>
        <title>Html to image</title>    
        <script type="text/javacript">
            $(function () {
                $("#show_img_btn").click(function () {
                    html2canvas("#the_text", {
                        onrendered: function (canvas) {
                            $("<img/>", {
                                id: "image",
                                src: canvas.toDataURL("image/png"),
                                width: '95%',
                                height: '95%'
                            }).appendTo($("#show_img_here").empty());
                        }
                    });
                });
            });
        }
        </script>
Run Code Online (Sandbox Code Playgroud)

这是我希望转换为图像并在单击按钮时在 div 中显示图像的代码行

    </head>
    <body>
        <div id="the_text">Hey! Im a text! I will be converted to an image</div>
        </br>

        <button id="show_img_btn">Convert to Image</button>
        <div id="show_img_here"></div>
    <body>
</html>
Run Code Online (Sandbox Code Playgroud)

html javascript canvas

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

canvas ×1

html ×1

javascript ×1