add chapter11

Shawn-Cui · Jul 30, 2015 · f04ff70 · f04ff70
1 parent d1f03e8
commit f04ff70
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 0 deletions.
diff --git a/Canvas/11/11-1.html b/Canvas/11/11-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8">
+    <title>二次贝塞尔曲线</title>
+    <style>
+        body { background: url("./images/bg3.jpg") repeat; }
+        #canvas { border: 1px solid #aaaaaa; display: block; margin: 50px auto; }
+    </style>
+</head>
+<body>
+<div id="canvas-warp">
+    <canvas id="canvas">
+        你的浏览器居然不支持Canvas？！赶快换一个吧！！
+    </canvas>
+</div>
+
+<script>
+    window.onload = function(){
+        var canvas = document.getElementById("canvas");
+        canvas.width = 800;
+        canvas.height = 600;
+        var context = canvas.getContext("2d");
+        context.fillStyle = "#FFF";
+        context.fillRect(0,0,800,600);
+
+        context.lineWidth = 6;
+        context.strokeStyle = "#333";
+        context.beginPath();
+        context.moveTo(60, 337);
+        context.quadraticCurveTo(256, 43, 458, 336);
+        context.stroke();
+    };
+
+</script>
+</body>
+</html>
diff --git a/Canvas/11/images/bg1.jpg b/Canvas/11/images/bg1.jpg
diff --git a/Canvas/11/images/bg2.jpg b/Canvas/11/images/bg2.jpg
diff --git a/Canvas/11/images/bg3.jpg b/Canvas/11/images/bg3.jpg