jsのcanvasを楽にするライブラリ

canvas.js

/**
 * @brief
 * htmlタグにおけるcanvasでのヘルパー関数
 */

/**
 * @brief 頂点設定
 * @param ctx Canvasインスタンス
 * @param vtx Array型頂点配列
 */
function setPolygonVtx(ctx, vtx) {
  var i;
  ctx.beginPath();

  if(vtx.length > 0) ctx.moveTo(vtx[0], vtx[1]);
  for(i = 2; i < vtx.length; i+=2) {
    ctx.lineTo(vtx[i], vtx[i+1]);
  }
  ctx.closePath();
}

/**
 * @brief 塗りつぶしがお手頃な価格で発売中！(まとめただけ)
 * @param ctx Canvasインスタンス
 * @param vtx Array型頂点配列
 * @param color fillStyleに設定する色
 */
function drawFill(ctx, vtx, color) {
  ctx.fillStyle = color;
  setPolygonVtx(ctx, vtx);
  ctx.fill();
}
/**
 * @brief 線表示がお手頃な価格で発売中！(まとめただけ)
 * @param ctx Canvasインスタンス
 * @param vtx Array型頂点配列
 * @param color fillStyleに設定する色
 */
function drawStroke(ctx, vtx, color) {
  ctx.strokeStyle = color;
  setPolygonVtx(ctx, vtx);
  ctx.stroke();
}

最近使ってない(･ω･ ;)