javascript – 将fabricjs canvas转换为base64图像

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 将fabricjs canvas转换为base64图像，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1248字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试将画布作为图像发送到我的服务器,我想发送为base64.
Fabricjs提供了使用canvas.toSVG()或canvas.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()

我尝试了this并且仍然是相同的klass对象,需要将画布转换为base64图像(png首选)并发送到我将转换为图像文件的服务器,谢谢.

解决方法:

因此,在创建画布时我错过了画布的id

var canvas = new fabric.Canvas('canvasID');

内容总结

以上是互联网集市为您收集整理的javascript – 将fabricjs canvas转换为base64图像全部内容，希望文章能够帮你解决javascript – 将fabricjs canvas转换为base64图像所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端