14334


canvasで線を書くときに、  
太字になるとどうしても線が荒くなり綺麗な曲線を描けません。

下記参照  
[![画像の説明をここに入力](https://i.stack.imgur.com/M2oMI.png)](https://i.stack.imgur.com/M2oMI.png)

下のリンクのサイトでは、綺麗な曲線になっていて、どのように書かれているのか分からず、  
同じような曲線を描きたいのですが、  
どのようなjsの記述が必要でしょうか。

[リンクの説明をここに入力](http://sketchtoy.com/)

[![画像の説明をここに入力](https://i.stack.imgur.com/p7NLx.png)](https://i.stack.imgur.com/p7NLx.png)


CC BY-SA 3.0
2015-08-12T12:59:31.580
14332
2015-08-12T13:50:51.633
8415
question
javascript jquery html5-canvas
canvasで書いた線を曲線にしたい


`lineJoin`を`'round'`にすれば線と線の継ぎ目が目立たなくなります。また`bezierCurveTo`などの曲線用メソッドも使った方がよいです。

[code]

    var ctx = canvas.getContext('2d');
    ctx.lineWidth = 30;
    ctx.lineJoin = 'round';
    
    ctx.beginPath();
    ctx.moveTo(points[0], [1]);
    for (var i = 2; i < points.length - 5; i += 4)
    {
        ctx.bezierCurveTo(points[i], points[i + 1], points[i + 2], points[i + 3], points[i + 4], points[i + 5]);
    }
    ctx.stroke();
    
[/code]


CC BY-SA 3.0
2015-08-12T13:50:51.633
14334
2015-08-12T13:50:51.633
5750
14332
answer