I am not experienced in this subject and iam a very new bee in html5. As per my understanding, we will use transform in a translation scenario.
Lets go to mathematics matrix representation:
say we have 1,tx,ty,1 in a 2×2 matrix. tx =2,ty=4. if we translate that matrix..it changes from 1,2,4,1 to 1,4,2,1.
So x & y coordinates have been changed which impacts on visual representation like object starts from x=4 and y=2 position.Previously object is in x=2 and y=4 position.
For better understanding see the image below:
Lets make it simple like this for now…