added stroke color

brendan-c · brendan-c · commit bf32080ea7b2 · 2019-11-03T01:45:11.000-04:00
diff --git a/08 - Fun with HTML5 Canvas/index-START.html b/08 - Fun with HTML5 Canvas/index-START.html
@@ -7,29 +7,29 @@
 <body>
 <canvas id="draw" width="800" height="800"></canvas>
 <script>
-  const canvas = document.querySelector('#draw')
-  const ctx = canvas.getContext('2d')
+const canvas = document.querySelector('#draw');
+const ctx = canvas.getContext('2d');
 
   canvas.width = window.innerWidth
   canvas.height = window.innerHeight
-
-  ctx.strokeStyle = '#BADASS'
+  ctx.strokeStyle = '##BADA55'
   ctx.lineJoin = 'round'
   ctx.lineCap = 'round'
-  ctx.lineWidth = 15
+  ctx.lineWidth = 50
 
   let isDrawing = false
   let lastX = 0
   let lastY = 0
+  let hue = 0
 
   function draw (e) {
     if (!isDrawing) return
     console.log(e)
+    ctx.strokeStyle = `hsl(${hue}, 100%, 50%)`;
     ctx.beginPath()
     ctx.moveTo(lastX, lastY)
     ctx.lineTo(e.offsetX, e.offsetY)
     ctx.stroke()
-    //[lastX, lastY] = [e.offsetX, e.offsetY]
     lastX = e.offsetX
     lastY = e.offsetY
 
