如何在网页上绘制等比例放大的图形

1、思路。我们在这个程序当中要让矩形实现变形四次的效果，让其等比例放大200%并且绘制出来。在代码方面的主要步骤就是：声明画布、定义变形变量、四个变形步骤。

3、把这个变形代码设定为一个变量，通过不同的赋值让其产生不同的结果。var c=document.getElementById("变形图");var ctx=c.getContext("2d");

5、让图形先变大，再变小的绘制方法。我们可以看见矩形缩回去了。ctx.strokeRect(3,3,30,20);ctx.scale(2,2)稆糨孝汶;ctx.strokeRect(3,3,30,20);ctx.scale(2,2);ctx.strokeRect(3,3,30,20);ctx.scale(0.3,0.3);ctx.strokeRect(3,3,30,20);