[TOC] ## 平移 ``` translate(x, y) ``` 用來移動 canvas 的原點到指定的位置 x 是左右偏移量，y 是上下偏移量 在做變形之前先`save()`是一個良好的習慣。大多數情況下，調用`restore`方法比手動恢復原先的狀態要簡單得多  ### 實例 ``` var draw=()=>{ let canvas = document.querySelector("#tutorial"); if(!canvas.getContext)return; /** * @type CanvasRenderingContext2D */ let ctx = canvas.getContext("2d"); ctx.save() // 保存坐標原點的狀態 ctx.translate(100,100) ctx.strokeRect(0,0,100,100) ctx.restore() // 還原到原點 ctx.strokeRect(0,0,50,50) } ```