小编Cre*_*fly的帖子

HTML5 画布 - 将保存的图像分享到社交媒体

感谢您花时间阅读这篇文章。

我已经浏览了这个论坛上无数的帖子，但仍然无法实现我所追求的目标。

我创建了一个 html5 画布，用于保存用户的绘图和图像。当用户按下发布时，他/她将收到一个弹出框（灯箱）来预览她的图像，并可以选择使用Addthis.com在社交网络上共享图像。

这是我迄今为止所取得的成就。1. 在我的画布中，我有一个名为 #btnPreview 的按钮

$("#btnPreview").click(function (event) {
    canvas.deactivateAll();
    var strDataURI = canvas.toDataURL("png");
    var proporcao = 1;
    var proporcaoW = 500 / canvas.width;
    var proporcaoH = 400 / canvas.height;
    if (proporcaoW < proporcaoH) {
        proporcao = proporcaoW;
    } else {
        proporcao = proporcaoH;
    }
    $("#addthis_shareable").width(canvas.width * proporcao).height(canvas.height * proporcao).attr("src", strDataURI);
    //  $("#imgPreview").width(canvas.width*proporcao).height(canvas.height*proporcao).attr("src", strDataURI);
    $("#modalPreview").modal("show");
});

Run Code Online (Sandbox Code Playgroud)

这会打开一个灯箱弹出窗口。