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