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 Zoom In Zoom Out は試しましたか？おそらくあなたのための解決策です、見てください：http://jsfiddle.net/Q3TMA/98/

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