método de lona HTML transformar ()
Ejemplos
Dibujar un rectángulo por transformar () para añadir una nueva matriz de transformación, de nuevo dibujar un rectángulo, añadir una nueva matriz de transformación, y luego dibujar un rectángulo de nuevo. Tenga en cuenta que cada vez que se llama a transformar (), que será el primero en construir una transformación de la matriz:
JavaScript:
var ctx=c.getContext("2d");
ctx.fillStyle="yellow";
ctx.fillRect(0,0,250,100)
ctx.transform(1,0.5,-0.5,1,30,10);
ctx.fillStyle="red";
ctx.fillRect(0,0,250,100);
ctx.transform(1,0.5,-0.5,1,30,10);
ctx.fillStyle="blue";
ctx.fillRect(0,0,250,100);
Trate »
Soporte para el navegador
Internet Explorer 9, el apoyo Firefox, Opera, Chrome y Safari método de la transformada ().
Nota: 8 y versiones anteriores de Internet Explorer no son compatibles con el elemento <canvas>.
Definición y Uso
Cada objeto en el lienzo tiene una matriz de transformación actual.
transform () método reemplaza la matriz de transformación actual. Es una operación de matriz se describe a continuación a la matriz de transformación actual:
| una | c | e |
| b | d | F |
| 0 | 0 | 1 |
En otras palabras, transformar () le permite hacer zoom, rotar, mover e inclinar el entorno actual.
Nota: Esta conversión sólo afectará al método transform () se llama después del sorteo.
Nota: El comportamiento método de la transformada () con respecto a la otra convertida por rotate (), scale (), de traducir () o transformada () completado.Por ejemplo: Si ya se ha establecido en el dibujo dos veces, luego transformar () método se verá amplificada por el dibujo, el dibujo con el tiempo se amplió a cuatro veces.
Tip: Salida setTransform () método, lo que no ocurre con relación a otros comportamientos transformar.
| la sintaxis de JavaScript: | .transform contexto (a, b, c, d, e, f); |
|---|
parámetro Valor
| 参数 | 描述 |
|---|---|
| a | 水平缩放绘图。 |
| b | 水平倾斜绘图。 |
| c | 垂直倾斜绘图。 |
| d | 垂直缩放绘图。 |
| e | 水平移动绘图。 |
| f | 垂直移动绘图。 |