HTML5画布-将保存的图像共享到社交媒体
谢谢你花时间阅读这篇文章。
我看了无数的帖子在这个论坛，但仍然无法实现什么是想要的。
$("#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");
});
我的想法是创建一个save.php脚本，在服务器上没有提示地保存.png文件，或者在我按#btnpreview时创建一个假urlwww.example.com/image.png
弹出窗口加载后，我的img url将
<img id"imgPreview" src"www.example.com/images/md5_timestamp.png">
这是我找到的封闭示例
示例1导致示例2
示例2保存base64
示例3将画布保存为JPG或PNG
示例4非常接近于下面的答案
共有1个答案
检查一下：通过Ajax发送到PHP的fabric.js canvas.todataurl（）正如您所看到的，您可以发送您的canvas的PNG base64数据，并在服务器端用PHP生成图像。这是您可以在服务器端使用PHP的代码:https://gist.github.com/rodrigopandini/2149853
-
在我的应用程序中，我让用户注册/登录他们的社交媒体帐户，即。领英、谷歌和脸书。 我的问题是，一旦我获得了用户的个人资料图片网址，我应该在我的系统中保存图像，还是允许我简单地保存网址，让图像从用户的社交媒体帐户中提供？我甚至不确定我是否被允许保存这张照片，因为从技术上来说，它可能是领英、谷歌或脸书的财产。
-
我正在进行一个生成艺术项目，我希望允许用户保存从一个算法得到的图像。大意是： 使用生成算法在HTML5画布上创建图像 完成映像后，允许用户将画布作为映像文件保存到服务器 允许用户下载图像或将其添加到使用该算法生成的图像库中。 然而，我却被卡在了第二步上。经过谷歌的一番帮助，我找到了这篇博文，似乎正是我想要的： 这导致了JavaScript代码： 和相应的PHP（testsave.PHP）： 但这似
-
问题内容： 我目前正在使用 http://paperjs.org 创建HTML5画布绘图应用程序。我想让用户将图像上传到画布中。我知道我需要进行登录和注册，但是有更简单的方法吗？我已经看到HTML5拖放式上传。 问题答案： 我假设您的意思是将图像加载到画布中，而不是从画布上载图像。 在这里阅读他们所有的画布文章可能是一个好主意 但基本上，您要做的是在javascript中创建图片，然后将image
-
我的应用程序有两个按钮，一个用于共享图像，另一个用于将其保存到内存，保存按钮工作正常，但共享按钮不工作。 这是保存按钮： 下面是分享部分： logcat上什么也没有显示，我只是得到了一些错误的吐司。权限正确。 Logcat
-
我有一个画布元素，其中有一个绘图，我想创建一个按钮，当点击它时，它将把图像保存为一个png文件。因此它应该打开“保存、打开、关闭”对话框... 我使用这个代码 但当我在IE9中测试它时，一个新窗口打开了，上面写着“网页无法显示”，其url是： 有人知道怎么解决这个吗？
-
我有一个带有背景图像的HTML5画布元素。用户被允许在图像上绘制，然后需要保存完整的画布元素与背景。我使用下面的代码保存部分，但它只得到画布绘图，而不是背景图像。我还可以做什么来获得背景图像？ 更新： 我的HTML 我有上面的div在我的HTML页面。然后我动态地创建画布并在其上绘制。这是一个有点长的代码。