Javascript 使用setViewportTransform翻转y轴(fabric.js)时渲染中断

Javascript 使用setViewportTransform翻转y轴(fabric.js)时渲染中断,javascript,canvas,fabricjs,Javascript,Canvas,Fabricjs,在我们的项目中,我们将使用不同坐标系([0,0]=左下角)的复杂图像对象转换为fabric.js对象。为了实现这一点,我们尝试使用setViewportTransform在刻度y上使用负值,但遇到了一些奇怪的行为 例如,给定以下代码: constcanvas=newfabric.canvas('c'); const path=new fabric.path('m0 0l0 100 l100 z'); canvas.add(路径); setViewportTransform([1,0,0,-1,0

在我们的项目中,我们将使用不同坐标系([0,0]=左下角)的复杂图像对象转换为fabric.js对象。为了实现这一点,我们尝试使用
setViewportTransform
在刻度y上使用负值,但遇到了一些奇怪的行为

例如,给定以下代码:

constcanvas=newfabric.canvas('c');
const path=new fabric.path('m0 0l0 100 l100 z');
canvas.add(路径);
setViewportTransform([1,0,0,-1,0,300]);
当您尝试移动
路径时,在某些位置它会完全消失

我们是否做错了什么,或者是否有其他方法来实现我们所追求的目标

是一把小提琴显示问题。

你可以这样做。 使用
flipY
属性翻转内容并添加到顶部位置。

我们最终使用了这种方法。谢谢