「SVG/transform/matrix」修訂間的差異
跳至導覽
跳至搜尋
| 第13行： | 第13行： | ||
<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=''>ax+by<br/>cx+dy</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=''>ax+by<br/>cx+dy</th><th style='width:2px;border-top:solid 1px;border-bottom:solid 1px;border-right:solid 1px;'></th></tr> | ||
| + | </table> | ||
| + | </td><td>=</td><td> | ||
| + | <table style='border:none;'> | ||
| + | <tr><th style='width:2px;border-top:solid 1px;border-bottom:solid 1px;border-left:solid 1px;'></th><th style=''>x<sup>'</sup><br/>y<sup>'</sup></th><th style='width:2px;border-top:solid 1px;border-bottom:solid 1px;border-right:solid 1px;'></th></tr> | ||
| + | </table> | ||
| + | </td> | ||
| + | </tr></table> | ||
| + | ====旋轉==== | ||
| + | <table style='border:none;'><tr> | ||
| + | <td> | ||
| + | <table style='border:none;'> | ||
| + | <tr><th style='width:2px;border-top:solid 1px;border-bottom:solid 1px;border-left:solid 1px;'></th><th style=''>cosθ -sinθ<br/>sinθ cosθ</th><th style='width:2px;border-top:solid 1px;border-bottom:solid 1px;border-right:solid 1px;'></th></tr> | ||
| + | </table> | ||
| + | </td><td> | ||
| + | <table style='border:none;'> | ||
| + | <tr><th style='width:2px;border-top:solid 1px;border-bottom:solid 1px;border-left:solid 1px;'></th><th style=''>x<br/>y</th><th style='width:2px;border-top:solid 1px;border-bottom:solid 1px;border-right:solid 1px;'></th></tr> | ||
| + | </table> | ||
| + | </td><td>=</td><td> | ||
| + | <table style='border:none;'> | ||
| + | <tr><th style='width:2px;border-top:solid 1px;border-bottom:solid 1px;border-left:solid 1px;'></th><th style=''>cosθx-sinθy<br/>sinθx+cosθy</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> | </td><td>=</td><td> | ||
於 2017年12月14日 (四) 07:26 的修訂
矩陣基本演算規則
|
| = |
| = |
|
旋轉
|
| = |
| = |
|
SVG transform 矩陣變換
(○)基本
|
| = |
| = |
|