Scroll Raphael увеличенная бумага - PullRequest
0 голосов
/ 02 ноября 2019

В этом jsFiddle у меня есть бумага Рафаэля с двумя ректами. Я увеличил масштаб бумаги на 200%, применив setViewBox.

Ширина ректов (они имеют одинаковый размер) составляет 50 пикселей, а с помощью функции setViewBox они расширены до 100 пикселей, что прекрасно работает,Моя проблема заключается в том, что размеры бумаги также должны увеличиться на 200% (то есть высота и ширина бумаги), и поскольку элемент, содержащий бумагу, меньше, чем бумага, я смогу прокрутить.

Мне нужнодобиться следующего:

(1) Все внутренние элементы в бумаге Рафаэля должны увеличить свой размер на 200%.

(2) Размеры бумаги также должны увеличиться на 200% до 400 пикселей.

(3) Поскольку размеры увеличенной бумаги (400px) больше, чем содержащей ее div (200px), div должен прокручиваться.

Есть идеи, как заставить это работать? Не обязательно быть с setViewBox.

1 Ответ

1 голос
/ 04 ноября 2019

Вы пытаетесь достичь чего-то вроде this? Он использует Paper.setSize для установки желаемого размера холста, а затем подгоняет графику к новому холсту с помощью Paper.setViewBox

...