Fabric.js、Darkroom.js 和 devicePixelRatio 偏移量答案

【问题标题】：Fabric.js, Darkroom.js, and devicePixelRatio offsetFabric.js、Darkroom.js 和 devicePixelRatio 偏移量
【发布时间】：2016-04-07 09:36:36
【问题描述】：

我在 Darkroom.js GitHub 页面上问过这个问题，但它似乎不是特别活跃，所以我也在这里问。总的来说，这是一个很棒的插件，但我在 Retina 屏幕上进行了一些测试后遇到了问题。

在 devicePixelRatio 为 1 的浏览器上，一切正常。在更高的值上，我得到这个结果：

经过测试，我注意到这个问题存在于网站的其他区域，我没有使用过 darkroom.js，而只是使用了 Fabric.js 或 Standard Canvas。做一些研究让我发现：

var c = canvas.getElement();
var w = c.width, h = c.height;
c.setAttribute('width', w * window.devicePixelRatio);
c.setAttribute('height', h * window.devicePixelRatio);
c.getContext('2d').scale(window.devicePixelRatio, window.devicePixelRatio);

在这些情况下，这似乎可以解决问题。

但是，对于 darkroom.js，我没有这么幸运找到修复方法。有没有人遇到过这个问题或类似问题，是否有任何已知的解决方案？我正在使用此处找到的最新版本：http://mattketmo.github.io/darkroomjs

【问题讨论】：

标签： javascript node.js html5-canvas fabricjs

【解决方案1】：

我不确定这是否对其他人特别有帮助，但也许它会节省一些时间。

回过头来，对 Darkroom.js 进行了一些更改后，我发现我的更改在其他方面（例如裁剪）引起了问题，不值得整理。切换到 Fabric.js 使用 1.5 版实际上解决了我在 Darkroom 中看到的问题，尽管 Fabric.js 1.6 本身运行良好。 1.5 版一直在工作，所以我坚持了下来。

【讨论】：