响应式画布：偏移不起作用 - 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？