transform

Автор: Евгений Рыжков Дата публикации: 17.10.2011
Последнее обновление: 01.01.1970

Применяет нестандартную матрицу преобразования.

Синтаксис

transform(a,b,c,d,e,f)

Параметры

transform

Пример

var sin = Math.sin(Math.PI/6);  
var cos = Math.cos(Math.PI/6);  
ctx.translate(200, 200);  
var c = 0;  
for (var i=0; i <= 12; i++) {  
	c = Math.floor(255 / 12 * i);  
	ctx.fillStyle = "rgb(" + c + "," + c + "," + c + ")";  
	ctx.fillRect(0, 0, 100, 10);  
	ctx.transform(cos, sin, -sin, cos, 0, 0);  
	}  
    
ctx.setTransform(-1, 0, 0, 1, 200, 200);  
ctx.fillStyle = "rgba(255, 128, 255, 0.5)";  
ctx.fillRect(0, 50, 100, 100); 

В живую.

Чтобы применять этот метод придется вспомнить математику.