将画布上的图像转化为base64字符串

最新推荐文章于 2023-01-04 11:05:48 发布

原创最新推荐文章于 2023-01-04 11:05:48 发布 · 927 阅读

0 ·

CC 4.0 BY-SA版权

df影院
dfer影院
df书城

html 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何使用JavaScript和HTML5的canvas元素绘制图片，并将其转换为Base64编码的字符串格式。通过实例展示了如何在canvas上绘制原始图片及拉伸后的效果。

绘制图片

    var b = document.createElement("canvas");
    var j = b.getContext("2d");
    var i = b.width;
    var d = b.height;
    var a = $("#photo");
    var k = a[0].width;
    var e = a[0].height;
    j.drawImage(a[0], 0, 0)   //在画布上原样输出图片
    j.drawImage(a[0], 0, 0, k, e, 0, 0, i, d);  //在画布上将图片拉伸