响应式画布:偏移不起作用 - FabricJS

Responsive canvas: offset not working - FabricJS

本文关键字：不起作用 FabricJS 响应      更新时间：2023-09-26

我在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可以正常工作。但我需要画布是响应式的。

编辑

我找到了这篇文章，但不明白如何应用解决方案

感谢您的任何帮助

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

相关文章：