Canvas坐标系与绘图坐标系
来源:互联网 发布:淘宝介入后买家没退货 编辑:程序博客网 时间:2024/05/20 12:52
Canvas绘图中牵扯到两种坐标系:Canvas坐标系与绘图坐标系。
Canvas坐标系
Canvas坐标系指的是Canvas本身的坐标系,Canvas坐标系有且只有一个,且是唯一不变的,其坐标原点在View的左上角,从坐标原点向右为x轴的正半轴,从坐标原点向下为y轴的正半轴。绘图坐标系
Canvas的drawXXX方法中传入的各种坐标指的都是绘图坐标系中的坐标,而非Canvas坐标系中的坐标。默认情况下,绘图坐标系与Canvas坐标系完全重合,即初始状况下,绘图坐标系的坐标原点也在View的左上角,从原点向右为x轴正半轴,从原点向下为y轴正半轴。但不同于Canvas坐标系,绘图坐标系并不是一成不变的,可以通过调用Canvas的translate方法平移坐标系,可以通过Canvas的rotate方法旋转坐标系,还可以通过Canvas的scale方法缩放坐标系,而且需要注意的是,translate、rotate、scale的操作都是基于当前绘图坐标系的,而不是基于Canvas坐标系,一旦通过以上方法对坐标系进行了操作之后,当前绘图坐标系就变化了,以后绘图都是基于更新的绘图坐标系了。也就是说,真正对我们绘图有用的是绘图坐标系而非Canvas坐标系。
为了更好的理解绘图坐标系,请看如下的代码:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
界面如下所示:
第一次绘制绘图坐标系时,绘图坐标系默认情况下和Canvas坐标系重合,所以绘制出的坐标系紧贴View的上侧和左侧;
第二次首先将坐标轴向右下角平移了一段距离,然后绘制出的坐标系也就整体向右下角平移了;
第三次再次向右下角平移,并旋转了30度,图上倾斜的坐标系即最后的绘图坐标系
阅读全文
0 0
- Canvas坐标系与绘图坐标系
- 绘图坐标系与视点坐标系
- Win8 Canvas 绘图时 坐标系翻转
- 绘图坐标系问题
- MFC 绘图坐标系
- canvas绘制坐标系
- UIView坐标系、Cocos2d坐标系与OpenGL坐标系
- 图像坐标系、摄像机坐标系与世界坐标系
- 笛卡尔坐标系左手坐标系与右手坐标系
- 坐标系
- 坐标系
- 坐标系
- 坐标系
- 坐标系
- 坐标系
- 坐标系
- 坐标系
- 坐标系
- RMQ -- 不修改的权值的求区间最大最小值
- DWZ(JUI)多层弹窗查找带回实现
- 构建亿级前端读服务
- Spring-boot使用druid数据库连接池构建数据源
- 浅谈web前端工程师(转)
- Canvas坐标系与绘图坐标系
- DWZ(JUI)查找带回实现回调函数
- ubuntu14.04设置静态ip
- Java实现邮箱验证
- 2017 多校训练第一场 HDU 6038 Function
- Android starActivityForResult浅析
- HTML5新增标签、表单新增类型与属性
- Hessian序列化对象之CollectionSerializer(六)
- 测试