• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

使用canvas输出base64_url

开发技术 开发技术 2周前 (06-08) 9次浏览

使用canvas输出base64_url

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <canvas id="canvas" width="500" height="500"></canvas>

    <script>
        var canvas = document.createElement('canvas');
        var ctx = document.getElementById('canvas').getContext('2d');


        ctx.beginPath();
        ctx.strokeStyle = 'red';
        ctx.moveTo(100, 100);
        ctx.lineTo(100, 200);
        ctx.stroke();


        var img = new Image();
        img.src = '1.png';
        img.onload = function(){
            ctx.drawImage(img, 100, 100, 150, 100);
        };
        var base64_url = canvas.toDataURL('image/jpeg', 0.5);
    </script>
</body>
</html>



程序员灯塔
转载请注明原文链接:使用canvas输出base64_url
喜欢 (0)