Path cubic beziers
A very simple path object drawn using bezier curves with two control points.
var r = new Rune({ container: "#canvas", width: 826, height: 400, debug: true }); var wave = r.path(250, 140) .curveTo(0, 0, 50, -100, 100, 0) .curveTo(100, 0, 150, 100, 200, 0) .curveTo(200, 0, 250, -100, 300, 0) .lineTo(300, 200) .lineTo(0, 200) .closePath(); r.draw();
< Back to examples