table を使った定規のサンプル
table 定規 (2023/09)
table を定規代わりにして画像に重ねて表示。 画像と定規はマウスでドラッグ移動できます。
(2023/09) ファイル読み込みがエラーになっていたので修正。
画像ファイルはドラッグ＆ドロップでも開けます。
関連サンプル
- TestCSS_position_absolute02.html
position: absolute のサンプル。 画像の上に半透明の table を配置。
CSS position:absolute; - TestCSS_position_fixed01.html
position: fixed のサンプル。 グリッドの table をウインドに対して固定位置で配置。 画像はウインドをスクロールすると移動する。
CSS position:fixed
input type="range" のサンプル。 スライダーでグリッドを回転させる。
HTML: input タグ type="range" スライダー
CSS transform - 変形・回転など