graphic(s) [canvas]: tutorial(s) / specification(s)


  • element(s) -- <canvas id="canvas" ></canvas>
  • context(s) -- var ctx = canvas.getContext("2d");
  • state(s) -- fillStyle, strokeStyle, lineWidth, lineJoin
  • function(s) -- ctx.fillRect (x, y, w, h)
  • path(s) -- beginPath(), moveTo(x,y), lineTo(x,y), closePath(), fill() / stroke()
  • curve(s) -- ctx.bezierCurveTo(60, 70, 60, 70, 70, 150)
  • operation(s) -- save, restore / translate, scale, rotate

resource(s) -- processingjs / javascript