scale - metoda obiektu CanvasCtx
Opis:
Metoda w określonej proporcji zwiększy/zmniejszy następne rysowanie.
Składnia:
Object scale(Long scalewidth, Long scaleheight)
Parametry:
| scalewidth | (Long) Proporcja zwiększenia/zmniejszenia szerokości następnych rysowań (1 = 100%, 0.5 = 50%, 2 = 200%, ...) |
|---|
| scaleheight | (Long) Proporcja zwiększenia/zmniejszenia wysokości następnych rysowań (1 = 100%, 0.5 = 50%, 2 = 200%, ...) |
|---|
Notatka:
Transformacje umożliwiają odwzorować pozycję z jednego układu współrzędnych do drugiego. Umożliwia rysowanie identycznego kształtu do różnie zwiększonej/zmniejszonej, odwróconej, przesuniętej, lustrzanie odwróconej 2D powierzchni. Prostrzym jest transformacja współrzędnych 2D powierzchni aniżeli przeliczać współrzędne wszystkich obiektów dla uzyskania identycznego efektu. Wszystkie transformacje pozycji są zdefiniowane 6 zmiennymi wartościami
a, b, c, d, e, f (z 9) macierzy tranformacji dla 2D powierzchni. Wartość domyślna nietransformowanej 2D powierzchni to
1, 0, 0, 1, 0, 0 (tzw. macierz jednostkowa). Macierz transformacji jest częścią składową powierczni do rysowania. Metody
save oraz
restore zapisują również taką macierz transformacji.
Metody transformacji
transform,
translate,
scale lub
rotate wpływają na niektóre (lub wszastkie) wartości macierzy transformacji.
Każda z tych metod zachowuje ważny aktualny stan macierzy transformacji oraz do niej przeprowadzi swoją zmianę. To znaczy, że zmiany są kumulatywne oraz naliczają się.
Przeciwnie metoda transformacji
setTransform najpierw ustawi bieżącą macierz transformacji na wartość domyślną a ponad nią przeprowadzi transformację transform. Jako jedyna z metod transformacji umożliwia wyzerować kumulowane transformacje oraz ustawić nową transformację bez kumulacji.
Metoda ta działa także w
Web panelach.
Przykład:
Zmienna
ctx reprezentuje obszar do rysowania (
CanvasCtx). Ta jest ustawiana w karcie "
Draw" na początku skryptu rysującego zdarzenia
onDraw następująco:
var ctx =
pEvent.
GetCtx(1);
JavaScriptWybierz oraz skopiuj do schowka
ctx.strokeRect(5, 5, 25, 15);
ctx.scale(2, 2);
ctx.strokeRect(5, 5, 25, 15);