technicalkiwi/animate
1
0
Fork 0
mirror of https://github.com/SamEyeBam/animate.git synced 2025-09-27 22:45:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

lilUpdate

Browse Source
This commit is contained in:
Sam
2022-06-29 17:18:27 +12:00
parent afbf37b27a
commit 4bc81e4335
2 changed files with 49 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
showcase/template.html
View File

@@ -4,6 +4,7 @@
<body style="margin: 0; overflow: hidden">
<div style="display: none;">
<img id="title" src="title.svg" width="100" height="100"></img>
<img id="polyA" src="polyA.svg" width="100" height="100"></img>
<img id="polyB" src="polyB.svg" width="100" height="100"></img>
<img id="polyC" src="polyC.svg" width="100" height="100"></img>
@@ -17,6 +18,7 @@
Your browser does not support the HTML5 canvas tag.</canvas
>
<script>
const title = document.getElementById('title');
const polyA = document.getElementById('polyA');
const polyB = document.getElementById('polyB');
const polyC = document.getElementById('polyC');
@@ -234,6 +236,7 @@
function Draw_Math_Node(width, file,width){
// ctx.drawImage(title, centerX-width/2, centerY-100, width,width/10);
ctx.drawImage(polyA, centerX- (width-50)/2, centerY-(width-50)/2-200, width-50,width-50);
ctx.drawImage(polyB, centerX- width/2, centerY-width/2, width,width);
ctx.drawImage(polyC, centerX- width/2, centerY-width/2+200, width,width);