HTML 参考手册
HTML canvas scale() 方法
绘制矩形,放大到 200%,然后再次绘制矩形
源代码:
点击运行 »
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;"> 您的浏览器不支持 HTML5 canvas 标签。 </canvas> <script> var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.strokeRect(5, 5, 25, 15); ctx.scale(2, 2); ctx.strokeRect(5, 5, 25, 15); </script>
运行结果:
点击运行 »