【HTML5】Canvas中的tranform变换矩阵
来源:互联网 发布:康佳电视直播的软件 编辑:程序博客网 时间:2024/05/19 01:07
在Canvas中有个方法比较特殊,不同于画笔中其他各种旋转,而是一种矩阵变换,方法名为tranform。
调用示例:
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){var canvas=document.getElementById("myCanvas");var context=canvas.getContext("2d");context.transform(2,0,0,2,150,150);context.fillRect(0,0,100,100);});</script></head><body><canvas id="myCanvas" width="1000px" height="1000px"></canvas></body></html>
其中transform方法中的参数假设一次为a、b、c、d、e、f。
如下具体每个参数的作用。大家可以试试代码中加tranform和没加tranform方法的效果就可以更加明了trnaform的作用。
1 0
- 【HTML5】Canvas中的tranform变换矩阵
- HTML5教程-Canvas标签中的矩阵变换
- Html5 Canvas 变换矩阵与坐标变形之间的关系
- Html5 Canvas 变换矩阵与坐标变形之间的关系
- Html5 Canvas 变换矩阵与坐标变形之间的关系
- HTML5 MatrixTransform矩阵变换
- html5的canvas坐标变换
- canvas中的变换
- HTML5中的Canvas
- HTML5中的canvas详述
- HTML5中的Canvas
- html5中的canvas手册
- HTML5中的Canvas元素
- HTML5中的canvas
- OpenGL中的矩阵变换
- Eigen中的变换矩阵
- opengl中的矩阵变换
- Html5 Canvas初探学习笔记(6) -变换
- [经典面试题]给你一个自然数N,求[6,N]之内的所有素数中,两两之和为偶数的那些偶数
- 仿电视关机动画
- C#动态实现按钮背景设置
- linux 下socket编程
- RevitAPI: 事务的错误或警告信息的处理 - Failure Processor of Transaction
- 【HTML5】Canvas中的tranform变换矩阵
- java命令行运行
- jquery easyUI 的datagrid 表头排序
- JAVA 错误集合
- 细说Android事件传递机制(dispatchTouchEvent、onInterceptTouchEvent、onTouchEvent)
- 错误集_ nib文件加载,Unknown class <XXClass> in Interface Builder file.,Undefined symbolsfor architecture
- 兔子--多击事件
- TTL传输中过期问题导致网站打不开
- 使用listview模拟微信列表界面