JavaScript 描画長方形ボックス_JavaScript スキル

コード全体をカプセル化することを考慮しない場合は、同様のエフェクトを約 5 分で作成できます。コード全体をオブジェクトにカプセル化するために、『Pro Javascript Techniques』のサンプルのスタイルを少し借用しました。
『Pro Javascript Techniques』で推奨されているドラッグ アンド ドロップの例: http://boring.youngpup.net/2001/domdrag

<title>長方形</title> <style type="text/css"> </style> <div id="main" style="border: solid red 1px; height:90%; width:60%; curssor: default;"> </div> <input type="button" value="停止绘画" id="t"> 削除機能のテストに使用される、ペイント効果をオフにするボタンを追加します。
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]