C/C++教程

【学习打卡】第5天 canvas绘图详解

本文主要是介绍【学习打卡】第5天 canvas绘图详解,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

学习课程名称:canvas绘图详解


章节名称:图形变换和状态保存


讲师姓名:liuyubobobo



课程内容概述:


学会使用图形的旋转、缩放、位移变换,以及状态保存


课程内容


图形变换api

位移:ctx.translate(x, y)

旋转:ctx.rotate(deg)

缩放:ctx.scale(x, y)


保存和恢复状态

ctx.save( )  // 保存状态

ctx.restore( )  // 恢复状态

二者成对出现,首尾呼应,相当于开始保存和确定保存的功能

https://img1.sycdn.imooc.com/62fd0b9a0001c11b03710129.jpg





这篇关于【学习打卡】第5天 canvas绘图详解的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!