Просмотр нескольких динамических холстов - PullRequest
0 голосов
/ 22 мая 2011

Я создаю несколько холстов и размещаю их в разных частях экрана. На каждом холсте есть рисунок (выполненный с использованием javascript) или текст (выполненный с использованием html), вероятно, слишком маленький, чтобы его можно было увидеть. Я использую Shadowbox , чтобы пользователь мог щелкнуть конкретный холст и увидеть расширенный вид.

Моя проблема заключается в том, чтобы сделать полотна таким образом, чтобы их можно было увеличить с помощью Shadowbox. Поскольку эти холсты создаются динамически (то, что рисуется на основе пользовательского ввода), они не являются изображениями. Кажется, что лучший способ справиться с этим - создать временные изображения, которые будут отображаться на холсте меньшего размера, а затем в полноразмерном виде в Shadowbox.

Является ли создание временных изображений холстов лучшим подходом? Или есть лучший способ использовать HTML5 и / или Shadowbox? Я не очень разбираюсь в HTML5 / рисовании с использованием javascript / Shadowbox, поэтому совет будет полезен.

1 Ответ

0 голосов
/ 23 мая 2011

Если вы хотите нарисовать что-то меньшее на холсте, все, что вам нужно сделать, это использовать

context.scale(x, y)

Начальный масштаб 1,1.Установка масштаба на 0,5, 0,5 сделает все нарисованное меньше.

Весь ваш код рисования может остаться прежним, он будет казаться меньше.

Вы захотите прочитать всепреобразования контекста холста и как их использовать.Урок Mozilla довольно хорош:

https://developer.mozilla.org/en/Canvas_tutorial/Transformations

...