Javascript 使用setViewportTransform翻转y轴(fabric.js)时渲染中断
在我们的项目中,我们将使用不同坐标系([0,0]=左下角)的复杂图像对象转换为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
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
属性翻转内容并添加到顶部位置。
我们最终使用了这种方法。谢谢