Canvas Transformations

Question

how to draw square and in that square draw a line to form two triangles with the different color but don't separate the triangles. please help!!!!

Answer 1

You have to draw the triangles then the line... What are the problem?

Answer 2

ctx.drawRect(dimensions);
ctx.drawLine(dimension);

and how to draw the two filled triangles you can read here:
https://stackoverflow.com/questions/4839993/how-to-draw-polygons-on-an-html5-canvas#4840009