technicalkiwi
/
animate
mirror of https://github.com/SamEyeBam/animate.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

button

This commit is contained in:
Sam 2023-03-23 17:36:19 +13:00
parent e3d07a3c4e
commit c4de1e375a
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/css/styles.css
View File

@ -33,6 +33,12 @@ canvas {
/* height: 100vh; */ /* height: 100vh; */
background-color: rgb(189, 189, 189); background-color: rgb(189, 189, 189);
} }
.button{
display:block;
position: absolute;
right: 20px;
z-index: 100;
}
.controls{ .controls{

5
docs/index.html
View File

@ -5,7 +5,7 @@
<title>Document</title> <title>Document</title>
<link rel="stylesheet" href="./css/styles.css"> <link rel="stylesheet" href="./css/styles.css">
</head> </head>
<body style="margin:0;" onclick="manualToggleSettings()"> <body style="margin:0;" >
<canvas id="myCanvas" <canvas id="myCanvas"
style="display: block;box-sizing: border-box;" ></canvas> style="display: block;box-sizing: border-box;" ></canvas>
<div id="toolbar"> <div id="toolbar">
@ -33,6 +33,9 @@
<button onclick="ForwardFrame()">></button> <button onclick="ForwardFrame()">></button>
</div> </div>
</div> </div>
<div>
<button onclick="manualToggleSettings()" class="button">Show/hide</button>
</div>
</body> </body>
<script src="./js/helper.js" type="text/javascript"></script> <script src="./js/helper.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>