My Canvas added (#277)

* files uploaded * Delete src/art/New folder directory * files added * icon.png added * meta.json created
zero-to-mastery · May 22, 2022 · 2a6148f · 2a6148f
1 parent 9ae60aa
commit 2a6148f
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 0 deletions.
diff --git a/src/art/Aryan/canvas.css b/src/art/Aryan/canvas.css
@@ -0,0 +1,7 @@
+body{
+       margin: 0;
+}
+#Canvas{
+       border-radius: 5px;
+       border-style: none;
+}
diff --git a/src/art/Aryan/canvas.js b/src/art/Aryan/canvas.js
@@ -0,0 +1,14 @@
+var can = document.getElementById('Canvas');
+       can.width = window.innerWidth;
+       can.height = window.innerHeight;
+
+       var c = can.getContext('2d');
+
+        c.fillStyle = '#f25022';
+        c.fillRect( 100, 100, 100, 100);
+        c.fillStyle = '#7fba00';
+        c.fillRect(205,100,100,100);
+        c.fillStyle = '#00a4ef';
+        c.fillRect(100,205,100,100);
+        c.fillStyle = '#ffb900';
+        c.fillRect(205,205,100,100);
diff --git a/src/art/Aryan/icon.png b/src/art/Aryan/icon.png
diff --git a/src/art/Aryan/index.html b/src/art/Aryan/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+       <head>
+              <meta charset="utf-8">
+              <meta http-equiv="X-UA-Compatible" content="IE=edge">
+              <title>canvas</title>
+              <meta name="description" content="">
+              <meta name="viewport" content="width=device-width, initial-scale=1">
+              <link rel="stylesheet" href="canvas.css">
+       </head>
+       <body>
+              <canvas id="Canvas"></canvas>
+              <script src="canvas.js" ></script>
+       </body>
+</html>
diff --git a/src/art/Aryan/meta.json b/src/art/Aryan/meta.json
@@ -0,0 +1,5 @@
+{
+    "art_name": "Microsoft_Logo",
+    "author_name": "Aryan",
+    "author_github_url": "https://github.com/AryanCoder2010"
+}