EXIF tájolás és SVG transzformáció
| u = | koordináták a használó terében |
| CTM = | jelenlegi 2D affin transzformációs mátrix |
| w = | koordináták a megjelenítő ( képernyő ) terében |
\[ w = CTM \cdot u \]
\[
\begin{bmatrix} w_x \\ w_y \\ 1 \end{bmatrix}
=
\begin{bmatrix} a_{11} & a_{12} & t_x \\ a_{21} & a_{22} & t_y \\ 0 & 0 & 1 \end{bmatrix}
\cdot
\begin{bmatrix} u_x \\ u_y \\ 1 \end{bmatrix}
\]
\[ w_x = a_{11} \cdot u_x + a_{12} \cdot u_y + t_x \]
\[ w_y = a_{21} \cdot u_x + a_{22} \cdot u_y + t_y \]
Transzformáció SVG-ben:
transform="matrix( a11, a21, a12, a22, tx, ty )"
Transzformáció HTML JavaScript-ben:
transform( a11, a21, a12, a22, tx, ty ),
setTransform( a11, a21, a12, a22, tx, ty )
Identitás mátrix: ( 1, 0, 0, 1, 0, 0 )
exif
tájolás
( orientation ) |
kép |
CTM |
inverz CTM |
| 1 |
|
|
|
| 2 |
|
|
|
| 3 |
|
|
|
| 4 |
|
|
|
| 5 |
|
|
|
| 6 |
|
|
|
| 7 |
|
|
|
| 8 |
|
|
|
Példa ( exif tájolás 2 ):
<svg height="75" width="75">
<path
d="M 0 60 L 0 0 L 40 0 M 0 20 L 20 20"
stroke="red"
stroke-width="8"
fill="none"
transform="matrix(-1,0,0,1,66,10)">
</svg>
⌂ Index
Verzió: 2026-06-17
( 2020-10-17 .. 2026-02-23_08:19:11 UTC )
gg630504
HG9IEG
Visszajelzés: