将Fabricjs画布转换为Base64图像
我正在尝试将画布作为图像发送到我的服务器，并希望以base64发送。Fabricjs提供了使用画布的功能。toSVG（）或画布。toDataURL（{format:'image/png'}）将画布转换为图像，但我的日志上的输出似乎是一个Klass对象（第一次看到），将该对象发送到服务器并记录服务器上接收到的内容后，我会得到一个空对象或路径，即：
{ version: '2.0.0-rc.3', objects: [] }
{ version: '2.0.0-rc.3',
objects:
[ { type: 'path',
version: '2.0.0-rc.3',
originX: 'left',
originY: 'top',
left: 156.21249771118164,
top: 221.20000457763672,
width: 132,
height: 53,
fill: null,
stroke: 'Red',
strokeWidth: 10,
strokeDashArray: null,
strokeLineCap: 'round',
strokeLineJoin: 'round',
strokeMiterLimit: 10,
scaleX: 1,
scaleY: 1,
angle: 0,
flipX: false,
flipY: false,
opacity: 1,
shadow: null,
visible: true,
clipTo: null,
backgroundColor: '',
fillRule: 'nonzero',
paintFirst: 'fill',
globalCompositeOperation: 'source-over',
transformMatrix: null,
skewX: 0,
skewY: 0,
path: [Object] } ] }
Klass对象控制台图像：
我的代码：
var canvas = new fabric.Canvas();
canvas.loadFromJSON(val[i].story); //val has saved canvas
canvas.toSVG(); //or to dataURL()
我尝试了这个，仍然是同一个klass对象，需要将画布转换为base64图像（首选png），然后发送到服务器，在那里我将转换为图像文件，谢谢。
共有1个答案
创建画布时，我缺少画布的id
var canvas = new fabric.Canvas('canvasID');
-
我有申请发邮件。图书馆使用了斯威夫特·梅勒。我已经生成了用于发送电子邮件html字符串，其中包含各种标记，包括标记我可以将img src标记转换为bas64图像吗 至
-
问题内容： 用户选择后，我想在 base64中 获取图像（提交表单之前） 就像是 ： 我了解了文件API和其他内容，我想要一个简单的跨浏览器解决方案（显然不包括IE6 / IE7） 任何帮助表示感谢。 问题答案： function readFile() { （ PS： 一个base64编码的图像（字符串）为原始图像数据大小的4/3）
-
问题内容： 我正在尝试使用jQuery插件即crop.js裁剪/调整用户个人资料图像的大小，该插件通过ajax将用户图像作为base64发送给我的控制器 但我无法解码此base64 字符串作为图像，你们可以指导我如何将base64字符串作为图像保存在服务器上吗？ 问题答案： 假设有几件事，您知道输出文件名是什么，并且您的数据以字符串形式出现。我确定您可以修改以下内容以满足您的需求： 请注意，这只是
-
问题内容： 我有一个要求用户将其图像上传到哪里，我必须将其转换为某种内容并将其发送到.Net REStful服务。我是angular js的新手。有人可以帮忙吗 问题答案： 我建议您使用 https://github.com/ninjatronic/angular- base64 。 在按照说明使用该库之后，您可以简单地调用： 不要忘记在模块中注入：
-
问题内容： 我有一个mongoDB数据库，并且恢复了对应于我的Image的base64数据。 我不知道如何将base64数据转换为Image。 问题答案： 如果您想在网页中使用它，只需将base64编码的图像放入HTML文件即可。 有关更多信息，请参见Wikipedia。
-
我正在尝试使用jquery插件裁剪/调整用户配置文件图像的大小，即crop.js，它将用户图像作为base64通过ajax发送到我的控制器