canvas画板里缩放和拖动

Question

用canvas做了一个画板，目前遇到的问题是绘制出来的canvas放大和缩小的问题。部分代码：            var nc = document.createElement("canvas");            nc.width = canvas.width;            nc.height = canvas.height;            nc.getContext("2d").drawImage(canvas, 0, 0);            var imgi = 0;            imgi++;            zoomVal = 1 + imgi / 10;                        clearContext();//清空            context.translate(0,0);            context.scale(zoomVal,zoomVal)            context.drawImage(nc, 0, 0);求大神指点canvas怎么缩放的，缩放后继续绘制的坐标变化怎么计算的

Answer 1

缩放就是scale ，你先save()在restore() 对坐标就没有影响了