Promotic
WikipediaLinkedInYoutubeTwitterFacebook

scale - metoda objektu CanvasCtx

Popis:
Metoda v zadaném poměru zvětší/zmenší následující kreslení.
Syntaxe:
scale(scalewidth As Long, scaleheight As Long) As Object
Volání:
ctx.scale(scalewidth, scaleheight);
Parametry:
scalewidth(Long) Poměr zvětšení/zmenšení šířky následujících kreslení (1 = 100%, 0.5 = 50%, 2 = 200%, ...)
scaleheight(Long) Poměr zvětšení/zmenšení výšky následujících kreslení (1 = 100%, 0.5 = 50%, 2 = 200%, ...)
Poznámka:
Transformace umožňují mapovat pozice z jednoho souřadnicového systému do jiného. Umožňuje to kreslení stejného tvaru do různě zvětšeného/zmenšeného, otočeného, posunutého, zrcadlově otočeného 2D prostoru. Je jednodušší transformovat souřadnice 2D prostoru než ručně přepočítavat souřadnice všech objektů pro dosažení stejného efektu. Veškeré transformace pozic jsou definovány 6 měnitelnými hodnotami a, b, c, d, e, f (z celkem 9) transformační matice pro 2D prostor. Výchozí hodnota netransformovaného 2D prostoru je 1, 0, 0, 1, 0, 0 (tzv jednotková matice). Transformační matice je součástí kreslící plochy. Metody save a restore ukládají i tuto transformační matici.

Transformační metody transform, translate, scale nebo rotate ovlivňují některou (nebo všechy) hodnotu transformační matice. Každá z těchto metod zachová aktuální platný stav transformační matice a do něj provede svojí změnu. Tzn. změny jsou kumulativní a sčítají se.

Transformační metoda setTransform naproti tomu nejdříve nastaví právě platnou transformační matici na výchozí hodnotu a nad ní provede transformaci transform. Jako jediná z transformačních metod umožňuje vynulovat kumulované transformace a nastavit novou transformaci bez kumulace.

 
Metodu lze volat i v událostech grafických prvků pro Web Obrazy.
Viz také:
Příklad:
ctx.strokeRect(5, 5, 25, 15);
ctx.scale(2, 2);
ctx.strokeRect(5, 5, 25, 15);
© MICROSYS, spol. s r. o.Tavičská 845/21 703 00 Ostrava-Vítkovice