"sqlike/html/oekaki" にファイルをアップロード

sqlike/html/oekaki/draw.html

@@ -0,0 +1,37 @@
+
+<h1>お絵描き</h1>
+
+<div class="canvas">
+	<canvas id="canvas" width="{width}" height="{height}" style="border:solid 0.01em #000;"></canvas>
+</div>
+
+<div id="drawingControls">
+	<div id="colorPicker" class="color-picker">
+		<div class="color-display" id="currentColorDisplay"></div>
+		<p><br></p>
+		<label>R(0-255)<input type="number" id="R" class="color-range" min="0" max="255" value="0" step="10"></label>
+		<label>G(0-255)<input type="number" id="G" class="color-range" min="0" max="255" value="0" step="10"></label>
+		<label>B(0-255)<input type="number" id="B" class="color-range" min="0" max="255" value="0" step="10"></label>
+		　　<span id="cv">現在の色</span>
+	</div>
+	<label>太さ(1-100)<input type="number" id="thicknessSlider" min="1" max="100" value="5"></label>
+<p>
+<button id="undo_btn">戻る</button>
+　<button id="redo_btn">直す</button>
+　<button id="clear_btn">初期化</button>
+　<button id="download_btn">完成</button>
+　<button id="eraser_btn">消しゴム</button>
+</p>
+</div>
+<p><br></p>
+
+<h2>大きさ変更</h2>
+<form action="" method="GET">
+<label>幅<input type="text" name="width" value="{width}"></label>
+<label>高さ<input type="text" name="height" value="{height}"></label>
+<button type="submit">変更</button>
+</form>
+<p><br></p>
+<p>初期状態では背景が透過です。透過したくない場合は、最初に塗りつぶして下さい。</p>
+<p><br></p>
+<p><br></p>