Canvas как переместить обьект?

Question

[Anon3363]

как переместить триугольник в канвасе по значениям top left

Comments

[Александр]

Код в студию.

Answer 1

[twobomb]

Вариант 1 через смещение матрицы

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();

Вариант 2 через переменные смещения

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

[rasschitai]

на, вскидку, приделай к координатам треугольника, координаты позиционирования, типа:

pl+x1,pl+x2,pl+x3
pt+y1,pt+y2,pt+y3