2

我对如何使用 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 实现这一点的任何想法？

4

1 回答 1

0

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

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

<canvas id="c" width="1935" height="1380"></canvas>
于 2013-05-01T18:06:06.127 回答