Как перемещать базовый холст в FabricJS?

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>