博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
canvas和白鹭引擎中平移,旋转,缩放
阅读量:5729 次
发布时间:2019-06-18

本文共 462 字,大约阅读时间需要 1 分钟。

canvas中的 translate() 和白鹭引擎中的 .x 或者 .y  所导致的平移效果并不是移动 目标元素,而是移动目标元素父亲所在的坐标系。

例如 bgg.translate(100,100) 所表达的含义是将父亲元素所在的坐标系 向右和向下 偏移100 px。

而设置元素大小时 context.fillRect(0, 0, 100, 100) 这里的前两个参数是 真 的 设置偏移量,表示 向右和向下 偏移100px。是设置距离父亲元素的偏移量。

设置旋转,不管是canvas还是白鹭引擎,本质都是旋转的目标元素所依赖的那个坐标系。

canvas中的缩放回同时缩放元素圆点,线条,大小。

究其根本,平移变换、旋转变换、缩放变换都属于坐标变换,或者说是画布变换。因此,缩放并非缩放的是图像,而是整个坐标系、整个画布!就像是对坐标系的单位距离缩放了一样,所以坐标和线条都会进行缩放。仔细想想,这一切貌似挺神奇的。

转载于:https://www.cnblogs.com/Steeland/p/7215321.html

你可能感兴趣的文章
编写shell脚本计划备份mysql数据库
查看>>
【博客话题】回顾三年的项目管理经历
查看>>
CentOS安装 出现Disk sda contains BIOS RAID metadata解决方法
查看>>
大话java jvm之内存【测试帮日记公开课】
查看>>
设计功能和界面测试用例
查看>>
思科路由器静态PAT端口范围测试
查看>>
25台服务器怎样支撑世界第54大网站
查看>>
python自动化测试开发利器ulipad最佳实践(可写python测试代码也可编写selenium、Appium等)...
查看>>
【编译打包】nginx 1.4.0 SRPM
查看>>
精品软件 推荐 硬盘性能提升工具 Primo Ramdisk 内存虚拟成硬盘软件
查看>>
Linux系统程序包管理工具-RPM
查看>>
[JavaScript] 面向对象
查看>>
2017国赛小结
查看>>
Windows8/Silverlight/WPF/WP7/HTML5周学习导读(1月28日-2月3日)
查看>>
rsync工作方式介绍03
查看>>
PowerBI从SCCM数据库中分析数据和KPI展现
查看>>
SIEM/SOC用户的现状和诉求调查
查看>>
五一 带你观航母(附带视频)
查看>>
0.16版本salt的安装与日常应用
查看>>
Hyper-V用差异磁盘克隆系统
查看>>