fullscreen drawing

This commit is contained in:
JurajKubrican
2025-02-28 16:41:29 +01:00
committed by Juraj Kubrican
parent 0505964854
commit 7ed413648c
11 changed files with 345 additions and 142 deletions

View File

@@ -1,21 +1,30 @@
{{block "draw" .}}
<div style="width:500px; height:500px">
<canvas
id="receiveCanvas"
width="500"
height="500"
style="position:absolute; border: 1px solid black ;background-color: transparent"
></canvas>
<canvas
id="drawCanvas"
width="500"
height="500"
style="position:absolute; border: 1px solid black; background-color: transparent;"
></canvas>
<div>
<script src="/js/draw.js">
</script>
{{end}}
id="receiveCanvas"
width="500"
height="500"
style="
position: absolute;
background-color: transparent;
top: 0;
left: 0;
right: 0;
bottom: 0;
"
></canvas>
<div
id="drawDiv"
style="
position: absolute;
background-color: transparent;
top: 0;
left: 0;
right: 0;
bottom: 0;
"
></div>
<script src="/js/mitt/mitt.js"></script>
<script src="/js/draw.js"></script>
{{end}}
</div>
</div>

View File

@@ -8,36 +8,11 @@
<link rel="stylesheet" href="/css/main.css" />
</head>
<body>
<header>
<nav>
<ul>
<li>
<h1><a href="/">K</a></h1>
</li>
</ul>
</nav>
</header>
<main>
<section>
{{template "draw" }}
</section>
</main>
<footer>
<nav>
<ul>
<li>
<a href="https://github.com/JurajKubrican">Github</a>
</li>
<li>
<a href="https://www.linkedin.com/in/juraj-kubri%C4%8Dan-614b3274/"
>LinkedIn</a
>
</li>
</ul>
</nav>
</footer>
</body>
</html>
{{end}}