translate(dx,dy)
translate() 方法为画布的变换矩阵添加水平的和垂直的偏移。参数 dx 和 dy 添加给后续定 义路径中的所有点
ctx.translate(30, 20);//转换坐标系
转换后的实际坐标如图 2 中的虚线所示位置