50 lines
1.9 KiB
HTML
50 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ComfyUI Canvas Editor</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script src="cash.min.js"></script>
|
|
<script src="bspaint.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="fillparent">
|
|
<div class="panel noselect">
|
|
<div id="import_control">
|
|
<label for="import_mode">
|
|
Incoming Images
|
|
</label>
|
|
<select id="import_mode">
|
|
<option value="image">Create new Image</option>
|
|
<option value="layer">Add layer <small>(if size matches)</small></option>
|
|
<option value="ignore">Ignore</option>
|
|
</select>
|
|
</div>
|
|
<div id="pixels" class="pen button" style="background-image:url(images/pixels.png);"></div>
|
|
<div id="tip1" class="pen button" style="background-image:url(images/tip_1.png);"></div>
|
|
<div id="tip2" class="pen button" style="background-image:url(images/tip_2.png);"></div>
|
|
<div id="tip3" class="pen button" style="background-image:url(images/tip_3.png);"></div>
|
|
<div id="tip5" class="pen button" style="background-image:url(images/tip_5.png);"></div>
|
|
<div id="tip9" class="pen button" style="background-image:url(images/tip_9.png);"></div>
|
|
<div id="eraser" class="pen button" style="background-image:url(images/eraser.png);"></div>
|
|
<div id="fine_eraser" class="pen button" style="background-image:url(images/fine_eraser.png);"></div>
|
|
</div>
|
|
<div id="palette" class="noselect">
|
|
<input id="foreground" type="color" value="#000000">
|
|
<input id="background" type="color" value="#ff00ff">
|
|
</div>
|
|
<div id="workspace" class="background noselect">
|
|
</div>
|
|
<div id="right_panel">
|
|
|
|
<div id="layer_control" class = "sidepanel_block">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="main.js"></script>
|
|
</body>
|
|
</html>
|