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

Я не понимаю, как этого добиться с помощью 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?


html5-canvas fabricjs
person Brandon    schedule 29.04.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

У меня точно такая же проблема. Мне нужна рука, чтобы перейти к другим зонам холста, и в моем случае прокрутка не является вариантом ...

Вы пробовали x Zoom In Zoom Out? Возможно, это решение для вас, посмотрите: http://jsfiddle.net/Q3TMA/98/

<canvas id="c" width="1935" height="1380"></canvas>
person ptCoder    schedule 01.05.2013