Question

我对如何使用FabricJS实现这一点感到困惑。我有布料容器：

<div class="canvasContainer canvasDemo">
    <canvas id="canvas" width="1935" height="1380"></canvas>
</div>

使用相应的CSS：

.canvasContainer {
    border: 1px solid #ccc;
    box-shadow: 1px 1px 5px rgba(0,0,0, 0.25);
    border-radius: 5px;
    margin-top: 5px;
    overflow: hidden;
    width: 935px;
    height: 380px;
}

#canvas {
   overflow: visible
}

这有效地在容器内创建了更大的画布。我希望Fabric中内置一些内容，这样我就可以将整个画布“移动”到整个画布的不同部分。基本上，目标是在更大的整体画布上显示更小的可见区域。

我的目标是在可见画布处于选择模式时使用移动图标，以便用户可以将整个画布移动到整个图形的其他部分。

有关如何使用FabricJS实现此目的的任何想法？

Answer 1

我有同样的问题。我需要一只手移动到画布的其他区域，在我的情况下，滚动不是一个选项......

你试过x放大缩小吗？可能是您的解决方案，请查看：http://jsfiddle.net/Q3TMA/98/

<canvas id="c" width="1935" height="1380"></canvas>

如何在FabricJS中移动基础画布？

1 个答案: