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() 对坐标就没有影响了