javascript - 响应式 Canvas : offset not working - FabricJS

Question

我在 css 中插入 @media screen 以进行响应式设计。响应式设计有效，但我无法正确拖动、调整大小和旋转对象

我尝试插入:

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

或

renderAll();
canvas.calcOffset();

见

https://jsfiddle.net/qj3oyzs8/

所以这不能正常工作

用画笔绘图时可以更好地理解问题。当渲染线出现在与其设计位置不同的位置时。

在每个屏幕分辨率线绘制在不同的位置

https://jsfiddle.net/8e69zuym/

所以无法正常使用resize, drag and rotate

我正在使用 fabricjs

如果我撤回 @media screen，则拖动、调整大小和旋转 fabricjs 可以正常工作。但我需要 Canvas 具有响应能力。

---

编辑

我找到了这个 Post但不明白如何应用解决方案

感谢您的帮助

Answer 1

您是否尝试过在 calcOffset 之后运行 renderAll？