W055[WAPP]ゴムピン図形描画

[画面に置いたピン]から[他のピン]までゴムを伸ばすことができ，直線の図形描画ができるWebアプリです。ピンを２つ置くところから描画が始まります。

こちらのWebアプリはCanva AIと対話して作成しています。W055[WAPP]ゴムピン図形描画

★画面上部中央にあるボタン
[ピン]モード…キャンバスにピンを挿すことができます。ピンモード中はピンをドラッグかフリック操作で動かすことができます。
[ゴム]モード…キャンバスに挿されたピン同士をゴムでつなぐことができます。ドラッグやフリック操作でゴムだけをキャンバスに置くと，置かれたゴムの両端に自動でピンが置かれます。ゴムモード中はゴムをドラッグかフリック操作で動かすことができます。
★画面上部左上にあるボタン
ゴミ箱…ピンやゴムをゴミ箱に重ねて離すと消すことができます。
グリッド…目印となるグリッド線を引くことができます。グリッドの間隔はスライダーで10px-100pxまで調整できます。
★画面上部右上にあるボタン
リセットボタン…キャンバス上のピンとゴムをすべて消すことができます。