【问题标题】:fabric JS toDataURL is producing large images with iPad browsers.Fabric JS toDataURL 正在使用 iPad 浏览器生成大图像。
【发布时间】:2016-04-04 13:09:37
【问题描述】:

我创建了一个小型网站,让用户可以在框架中创建图像拼贴。我尝试过的所有浏览器都没有问题……除了我 iPad 上的任何浏览器; Chrome 和 Safari。

我保存画布的调用如下...

var durl = fabCanvas.toDataURL({
   format: 'png',
   multiplier: 1
});

图像应该如下所示...



但相反,它是这样出来的......



这些图像不大。有什么理由这样做吗?

提前致谢。

【问题讨论】:

    标签: ipad fabricjs


    【解决方案1】:

    fabricjs 支持您的 ipad 设备的视网膜显示。 Canvas 已预先缩放,以便在观看时显示更高的清晰度。 不幸的是,在导出到 dataUrl 时没有考虑到这一点。 最近(不到一个月前)此缺陷已在 2016 年 2 月 24 日得到纠正 commit.

    您的代码可能是正确的,您要做的就是下载并构建最新版本的fabricjs。

    【讨论】:

    • 我还必须使用本文答案中的代码来缩放画布中的对象...stackoverflow.com/a/13399901/1384773
    • 我认为它应该开箱即用。你介意分享一下这个问题吗?
    • 如果您能指导我如何构建最新版本的 FabricJS 并将其链接到 Fiddle,我将很高兴。老实说,我在构建正确版本时遇到了一些问题。我一直在使用版本。 1.6.0-rc.1 b/c 我需要以前版本中缺少的函数 calcTransformMatrix()。当我构建最新的 github repo 时,我的版本变成了 1.5.0,这并不好。我最终将您提交的更改添加到我自己的版本(1.6.0-rc 1)中。对不起,如果这听起来像一团糟,但我不太擅长 github 版本控制。
    猜你喜欢
    • 2016-09-26
    • 2023-04-05
    • 2012-06-13
    • 2017-07-09
    • 1970-01-01
    • 1970-01-01
    • 2012-05-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多