Canvas中的图像变换
Canvas中的渐变
Canvas中的文字
Canvas中的图片
Canvas中的图形变换
图形变换都是针对坐标系来说的:
平移:ctx.translate(x,y)
旋转...响应式布局,它的用户体验友好,响应式网站可以根据不同终端,不同尺寸和不同应用环境,自动调整界面布局,展示内容,提供非常好的视觉效果。响应式布局就是一个网站能够兼容多个终端
2....x1,y1,w1,h1 画布中的一个矩形区域
坐标变换
平移 移动画布的原点
translate(x,y) 参数表示移动目标点的坐标
缩放
scale(x,y) 参数表示宽高的缩放比例...endAngle描述弧的结束点的角度
counterclockwise,true值,表示逆时针方向,否则反之
rect(x,y, width, height):xy,起点坐标,矩形的宽高,绘制矩形路径...图形组合
属性 globalCompositeOperation 设置如何在画布上组合颜色
12中组合类型:
值 说明
copy 只绘制新图形,删除其他所有内容
darker 在图形重叠的地方,颜色由两个颜色值相减后决定