響應式畫布：偏移量不工作 - FabricJS

Question

我在css中插入@media screen以處理響應式設計。 自適應設計是一種工作，但我不能正確拖動，縮放和旋轉對象

我嘗試插入：

canvas.on('after:render', function(){ this.calcOffset(); }); 

或

renderAll(); 
canvas.calcOffset(); 

見

https://jsfiddle.net/qj3oyzs8/

所以這不正常工作

使用畫筆進行繪圖時，您可以更好地理解問題。呈現的線條出現在與其設計位置不同的位置時。

在每個屏幕的分辨率繪製線條在不同的位置

https://jsfiddle.net/8e69zuym/

所以這是不可能的，以便能夠使用縮放，拖動和旋轉正確

我使用fabricjs

如果我撤回@media screen拖動，調整大小和旋轉fabricjs正常工作。但我需要畫布很敏感。

---

編輯

我發現這個Post，但不知道如何應用解決方案

感謝所有幫助

Answer 1

您是否嘗試過calcOffset運行後renderAll？