# 線分とのしょう突


画面の上からマウスまでの線にオブジェクトが重なったとき、  
そこに四角形を描画するよ


## ![改造する](raycasting/main.js)


## context のメンバー
メンバー名 | 意味 | 1 | 2 | 3 | 4                                             
--- | --- | --- | --- | --- | ---
beginPath(`1`, `2`) | 新しいパスを作る | 始点(横) | 始点(縦) | | 
moveTo(`1`, `2`) | 何もせずパスを移動する | 移動量(横) | 移動量(縦) | | 
lineTo(`1`, `2`) | 線を引いてパスを移動する | 移動量(横) | 移動量(縦) | | 
rect(`1`, `2`, `3`, `4`) | 四角形のパスを引く | 左端 | 上端 | 幅 | 高さ
strokeStyle = `1` | 線の色 | 色の文字列 | | |
fillStyle = `1` | 塗りつぶしの色 | 色の文字列 | | |
lineWidth = `1` | 線の太さ | 太さの数値 | | |
stroke() | パス上の線を描画する | | | |
fill() | パス上の面を塗りつぶす | | | |


[メニューに戻る](index.html)