Skip to content

Commit

Permalink
Merge pull request #9 from physiocoder/patch-1
Browse files Browse the repository at this point in the history
Fix broken MDN link
  • Loading branch information
kangax committed Apr 20, 2014
2 parents a25108d + 4abf077 commit 1096235
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion _posts/2013-12-03-exploring-canvas-drawing-techniques.html
Expand Up @@ -100,7 +100,7 @@ <h3 id="simple-pencil">Simple pencil</h3>

<h3 id="smooth-connections">Smooth connections</h3>

<p>Well, that's a start. Now, we can control the line thickness by changing value of <code>ctx.lineWidth</code>. However, with thick line comes <del>thick responsibility</del> jagged edges. This happens on "sharp turns" and can be solved by setting <code>ctx.lineJoin</code> and <code>ctx.lineCap</code> to "round" (see MDN for <a href="https://developer.mozilla.org/en-US/docs/HTML/Canvas/Tutorial/Applying_styles_and_colors#A_lineJoin_example">examples</a> of how these affect rendering).</p>
<p>Well, that's a start. Now, we can control the line thickness by changing value of <code>ctx.lineWidth</code>. However, with thick line comes <del>thick responsibility</del> jagged edges. This happens on "sharp turns" and can be solved by setting <code>ctx.lineJoin</code> and <code>ctx.lineCap</code> to "round" (see MDN for <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Applying_styles_and_colors#A_lineJoin_example">examples</a> of how these affect rendering).</p>

<pre class="codepen" data-height="360" data-type="result" data-href="nadDx" data-user="kangax" data-safe="true"><code></code><a href="http://codepen.io/kangax/pen/nadDx">Check out this Pen!</a></pre><p class="wordpress-sucks"><img src="/images/drawing_techniques/smooth_connections.png" class="example-img"></p>

Expand Down

0 comments on commit 1096235

Please sign in to comment.