Canvas how to move an object?

Question

JavaScript

how to move triangle in canvas by top left values

Answer 1

Option 1 via matrix offset

ctx.save();
  ctx.translate(50,0); // тут координаты смещения
  ctx.beginPath();
  ctx.moveTo(0,100);
  ctx.lineTo(200,100);  
  ctx.lineTo(100,0);  
  ctx.closePath();
  ctx.fill();
  ctx.restore();

Option 2 via variable offsets

var offX = 300;//по х
  var offY = 50;//по у
  ctx.beginPath();
  ctx.moveTo(offX+0,offY+100);
  ctx.lineTo(offX+200,offY+100);  
  ctx.lineTo(offX+100,offY+0);  
  ctx.closePath();
  ctx.fill();

Answer 2

on, vskidku, attach to the coordinates of the triangle, positioning coordinates, such as:
pl + x1, pl + x2, pl + x3
pt + y1, pt + y2, pt + y3