javascript - Fabric.js、Darkroom.js 和 devicePixelRatio 偏移量

Question

我在 Darkroom.js GitHub 页面上问过这个问题，但它看起来并不特别活跃，所以我也在此处问过。总的来说，这是一个很棒的插件，但我在视网膜屏幕上进行了一些测试后遇到了问题。

在 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

Answer 1

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

回到这里并对 Darkroom.js 进行一些更改后，我发现我的更改导致其他区域出现问题(例如裁剪)，并且不值得解决。切换到使用 Fabric.js 1.5 版本实际上解决了我在 Darkroom 中看到的问题，尽管 Fabric.js 1.6 本身工作得很好。 1.5 版本始终有效，所以我坚持使用它。