■ Canvas（４）：格子や座標系の描画　[JavaScript版]

　JavaScriptで図形などを描画するCanvasについてのメモ書きである。

　今回は格子や座標系の描画について、始終点座標の指示の違いによる変化を示す。



　・特に考慮なし：　単純に等分（実数値）

　・考慮あり１　：　整数値に丸める（四捨五入）…　pixel境界値

　・考慮あり２　：　整数値（四捨五入）＋　0.5　…　pixel中央値

　・考慮あり３　：　線の方向によって下記のようにする。
　　　　　　　　　　水平線の場合　X座標は整数値、Y座標は整数値＋0.5
　　　　　　　　　　垂直線の場合　Y座標は整数値、X座標は整数値＋0.5 		can4.jpg
・図形の種類： 格子 額縁 座標系
・始終点指示： 特に考慮なし 考慮あり 1 考慮あり 2 考慮あり 3
・線の太さ：
ホーム