Fabric.js，Darkroom.js和devicePixelRatio偏移量

Question

我在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

Answer 1

我不確定這對其他人是否特別有幫助，但是也許可以節省一些時間。

回到這一點，並對Darkroom.js進行了許多更改之后，我發現我的更改在其他方面引起了問題（例如裁剪），因此不值得整理。 切換到使用1.5版的Fabric.js實際上解決了我在Darkroom中看到的問題，即使在自己的Fabric.js 1.6上也可以正常工作。 1.5版始終有效，因此我堅持了這一點。