Metodo scale() pagina 2 - matematica con JavaScript

Contatti	MATEMATICA CON JAVASCRIPT - GUIDA CANVAS 10_a - Metodo scale() - pag. 2 Precedente - Indice guida canvas - Successivo

A
rgomenti correlati:

TRASFORMAZIONI IN MATEMATICA

Omotetia di centro C(a,b) e rapporto k: Equazione
Dilatazione di centro C(a,b) e rapporti k_x e k_x: Equazione
Simpatiche applicazioni

OMOTETIE APPLICATE A UN QUADRATO TRASPARENTE

PROVA TU

UNA PILA DI GUFETTI

In questo caso il gufetto è stato scalato per 8 volte con rapporto di scala orizzontale k = 0.9 e rapporto di scala verticale h = 0.95

PROVA TU

SEMPLICE SCRITTA 3D

PROVA TU

Metodo scale() rispetto a un centro qualunque

Occorrono dei passi in più.

Omotetia di centro un punto qualunque C: esempio

Nell'immagine vediamo il quadrato di vertici A(0,0) B(1,0) C(1,1) D(0,1) che viene trasformato nel quadrato A'B'C'D' nell'omotetia di centro P(2.-3) e rapporto k = 1.5.

Fare clic sul pulsante "INIZIA" per eseguire la costruzione passo per passo (1 clic per ogni passo); fare in alternativa clic sul pulsante "COMPLETO" per eseguire la costruzione completa; il pulsante "AGGIORNA", infine, cancella tutto e si riparte da zero.

Operare una variazione di scala rispetto a un punto qualunque P(x₀, y₀)

PASSO 1

Operate la traslazione di vettore (x₀, y₀): context.translate(x₀, -y₀);

PASSO 2

Applicate il metodo scale() rispetto al centro O(0,0): context.scale(k_x, k_y);
k_x e k_y sono rispettivamente i rapporti di scala orizzontale e verticale

PASSO 3

Operate la traslazione inversa, di vettore (-x₀, -y₀): context.translate(-x₀, y₀);

Vi invitiamo, se volete provare il metodo scale() rispetto a un punto qualunque, a visionare la sezione