CurvadeBenzier.js

var P0x = 230;
var P0y = 50;
var P1x = 350;
var P1y = 150;
 
var px = P0x + t*(P1x - P0x)
var py = P0y + t*(P1y - P0y)

ctx.beginPath(); // inicia o desenho
ctx.rect(px,py , 20,20); // 20 20 é o tamanho do quadrado
ctx.fillStyle = "#FFF"; // cor
ctx.closePath(); // finaliza o desenho
ctx.fill(); // preenche com a cor

if (t < 1)
  t += 0.01;