task4-canvas

charlyne · May 25, 2016 · 54590e3 · 54590e3
1 parent 9ea3106
commit 54590e3
Showing 1 changed file with 34 additions and 0 deletions.
diff --git a/html/task4.html b/html/task4.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>centering things</title>
+</head>
+<link rel="stylesheet" type="text/css" href="../CSS/task4.css">
+
+<body>
+   <!--
+    <p>先学会使用canvas画一个形状</p>
+
+    <ul>
+        <li>一条线段</li>
+        <li>不填充的矩形</li>
+        <li>填充的矩形</li>
+        <li>不填充的圆形</li>
+        <li>填充的圆形</li>
+        <li>填充的半圆形</li>
+    </ul>
+ 
+    <canvas id="can" width="300px" height="300px" style="border:1px solid #d3d3d3;">
+    </canvas>
+    <canvas id='line' width="320px" height="320px" style="border:1px solid #d3d3d3;"></canvas>
+    <canvas id="rect" style="border:1px solid #d3d3d3;">
+        Your browser does not support the HTML5 canvas tag.
+    </canvas>
+    <canvas id='trangle' width="150px" height="150px" style="border:1px solid #d3d3d3;"></canvas>
+    -->
+    <canvas id="task4" width="400" height="200" style="border:4px solid #daa;"></canvas>
+    <script type="text/javascript" src="../javascripts/task4.js"></script>
+</body>
+
+</html>