问题标签 [todataurl]

我想使用 javascript 扩展 CMS gpeasy，它会在上传图像之前调整图像大小，以防止 Web 服务器内存不足。我可以使用 html5 画布调整图像的大小。使用 .toDataURL(image/jpeg) 方法，我可以生成一个图像（我可以在 ing 标签的 src 属性中使用它）。有谁知道，如何将其添加到上传表单中，以便 CMS 可以继续其 AJAX 上传过程？

如果我将“image/jpeg”作为 toDataURL() 方法中的第一个参数传递，我正在尝试将 html5 画布数据保存到服务器，但我失去了质量？

如何在图像 png 上保持相同的质量

我用画布 KineticJS 绘制了一些对象，我尝试过， canvas.toDataURL("image/png"); 但是当我单击提交按钮时我不知道如何获取参数值我想将一些参数发送到服务器，

谢谢

对于一个网络项目，我想发送一张我通过 dataURL 通过电子邮件从画布上获取的图片，以将其直接上传到不倒翁。我可以获取dataURL并下载图片

有没有办法直接通过电子邮件发送这张照片？

正如标题所说，我已经为所有图像启用了 CORS，但是当我试图将它们扔到画布上然后提取该画布（Chrome 和 FF）时，我仍然遇到错误。我在其中一张图片上运行了一个小嗅探器来测试它，它似乎实际上返回了正确的标题：

访问控制允许来源：*

我错过了什么吗？

您可以使用 Javascript 压缩输出吗？

canvas.toDataURL('图片/jpeg',质量);

也许通过将字符串本身压缩为DataURL？

在这个例子中：http ://www.askapache.com/online-tools/base64-image-converter/ ://www.askapache.com/online-tools/base64-image-converter/包含输出图像的数据格式 toDataURL，给出以下结果压缩：

从 4645 (4.54 Kb) 压缩到：3980 (3.89 Kb)

转换
+在 1.1181 秒内完成从 3980 (3.89 Kb) 到：5308 (5.18 Kb)

类型：图像/jpeg
高度：240 像素
宽度：320像素

我的画布有从本地文件或来自互联网的图像程序生成的图像。当我尝试使用 toDataURl 函数保存它时，出现安全错误。我怎样才能保存结果（没有服务器，只使用 js ），这可能吗？

我知道安全规则，但也许有一些解决方案可以绕过此规则

如果需要，我所有的代码都在github中

我正在为我的网络应用程序使用 html5 画布。为了摆脱画布安全错误，我在我的 php 服务器中重新下载了跨域图像，并通过我的站点 url 将它放在画布上。

例如我正在使用http://myapp.com:8888/mapper?url=http://othersite.com/image.jpg

我的PHP代码：

即使我试图通过我的服务器 url 加载图像并添加这个 access-control-allow 标头，当我调用 canvas.toDataURL(); 时它也会出现安全错误；

我使用http://myapp.com:8888作为 url 因为我在 localhost 中测试它。它会导致错误吗？

我想在画布上绘制一个表格，然后将画布另存为图像。（需要创建一个pdf）

有趣的是，表格显示在画布上，但我不能用 .toDataURL 转换它，它只是返回一个空白图像。

控制台中没有警报。

我没有想法，每一个见解都值得赞赏。

我有一个 html5 视频，我正在使用它截取屏幕截图：

这可以很好地在画布上绘制屏幕截图。但是，我想做的是在多个画布上拍摄多个屏幕截图，并使用Resemble.js将它们相互比较。

Resemble.js 需要两个文件，我正在尝试使用 toDataURL() 从画布中获取这些文件。

然后将图像插入类似于：

这对我来说似乎失败的地方是 toDataURL()。它不会从画布上产生任何东西。是什么导致了这个问题？我的方法是否正确？