@snakemode/snake-canvas
Version:
A drawable canvas for your HTML!
34 lines (28 loc) • 886 B
HTML
<html>
<head>
<title>Example</title>
<style>
canvas {
touch-action: none;
}
.palette {
width: 50px;
height: 50px;
border-radius: 50%;
}
</style>
<script src="/index.js" type="module"></script>
</head>
<body>
<canvas id="foo" style="border: 1px solid black;"></canvas>
<div id="paletteId" class="palette">
<div style="background-color: black;"> </div>
<div style="background-color: red;" data-thickness="10"> </div>
<div data-color="transparent" data-thickness="10">Transparent</div>
<div style="background-color: green;"> </div>
<div data-color="blue">Blue</div>
<div style="background-color: white;"> </div>
</div>
<canvas id="secondCanvas" style="border: 1px solid black;"></canvas>
</body>
</html>