var p1 = new Path2D(); p1.rect(0,0,100,100); var p2 = new Path2D(); p2.rect(0,0,100,100); var m = document.createElementNS("http://www.w3.org/2000/svg", "svg").createSVGMatrix(); m.a = 1; m.b = 0; m.c = 0; m.d = 1; m.e = 300; m.f = 0; p1.addPath(p2, m); ctx.fill(p1);