「SVG/transform/matrix」修訂間的差異

出自六年制學程
跳至導覽 跳至搜尋
第4行: 第4行:
 
<td>
 
<td>
 
<table style='border:none;'>
 
<table style='border:none;'>
<tr><th style='width:2px;border-top:solid 1px;border-bottom:solid 1px;border-left:solid 1px;'></th><th style=''>a b<br/>c d</th><th style='width:2px;border-top:solid 1px;border-bottom:solid 1px;border-right:solid 1px;'></th></tr>
+
<tr><th style='width:2px;border-top:solid 1px;border-bottom:solid 1px;border-left:solid 1px;'></th><th style=''>a c<br/>c d</th><th style='width:2px;border-top:solid 1px;border-bottom:solid 1px;border-right:solid 1px;'></th></tr>
 
</table>
 
</table>
 
</td><td>
 
</td><td>
第20行: 第20行:
 
</td>
 
</td>
 
</tr></table>
 
</tr></table>
 +
 
==SVG transform 矩陣變換==
 
==SVG transform 矩陣變換==
 
===(○)基本===
 
===(○)基本===

於 2017年12月14日 (四) 07:19 的修訂

矩陣基本演算規則

a c
c d
x
y
=
ax+by
cx+dy
=
x'
y'

SVG transform 矩陣變換

(○)基本

a c e
b d f
0 0 1
x
y
1
=
ax+cy+e
bx+dy+f
1
=
x'
y'
1