title: ES6 - Canvas stroke not working
body: <p>i'm trying to do some modifications (in ES6) in this pen <a href="http://codepen.io/IMarty/pen/RaajQx" rel="nofollow">http://codepen.io/IMarty/pen/RaajQx</a>, and it's almost perfectly working, except for these function</p>
  
  <pre><code>function drawLines(p) {
      if(!p.active) return;
      for(var i in p.closest) {
          ctx.beginPath();
          ctx.moveTo(p.x, p.y);
          ctx.lineTo(p.closest[i].x, p.closest[i].y);
          ctx.strokeStyle = 'rgba(255,255,255,'+ p.active+')';
          ctx.stroke();
      }
  }
  </code></pre>
  
  <p>In my pen <a href="http://codepen.io/wendelnascimento/pen/PzRzGE" rel="nofollow">http://codepen.io/wendelnascimento/pen/PzRzGE</a>, i've written everything in ES6 and it's working, but just the strokes aren't showing. The method looks like this</p>
  
  <pre><code>drawLines(p) {
      if(!p.active)
          return;
  
      for(var i = 0; i &lt; p.closest.length; i++) {
          this._context.beginPath();
          this._context.moveTo(p.x, p.y);
          this._context.lineTo(p.closest[i].x, p.closest[i].y);
          this._context.strokeStyle = `rgba(255,255,255,${p.active})`;
          this._context.stroke();
      }
  }
  </code></pre>
  
  <p>Can anyone help me with this?</p>