canvas学习笔记2

基础内容请看https://blog.csdn.net/qq_18984151/article/details/89062088

十一.canvas中圆弧用弧度表示
    >1.弧度-半径的长度为1弧度,圆一周为2*pi个弧度,一度为2*pi/360个弧度

十二.canvas绘制圆弧
    >1.ctx.arc(x位置,y位置,半径,开始弧度,结束弧度,方向布尔值)
    方向默认顺时针

十三.图片绘制
    >1.ctx.drawImage(图片对象,画布起始x,画布起始y)三参
    >2.ctx.drawImage(图片对象,画布起始x,画布起始y,缩放宽度,缩放高度)五参
    >3.ctx.drawImage(图片对象,图片起始x,图片起始y,截取宽度,截取高度,画布起始x,画布起始y,缩放宽度,缩放高度)九参
    >4.图片对象通过new image()  image.src=""  获得
    >5.图片加载问题,使用image对象时必须在onlode方法中使用

十四.图片移动
    >1.ctx.translate(移动目标x,移动目标y)

十五.图片缩放
    >1.ctx.scale(缩放宽度比例,缩放高度比例)

十六.图片旋转
    >1.rotate(旋转角度)

 

声明:转载请注明出处,本人入门级菜鸟,内容大多学习于网络,存在问题太多不一一列举,大佬多多指教.本人QQ941131649