Css中,transform属性的matrix值简介
2017-08-24 18:33
246 查看
transform属性说明
transform属性用于对元素进行2D或3D转换。默认值:matrix(1, 0, 0, 1, 0, 0);
matrix(a, b, c, d, e, f)
平移:
e: x轴平移距离
f: y轴平移距离
缩放:
x轴:a = x*a c = x*c e = x*e;
y轴:b = y*b d = y*d f = y*f;
其中,x为x轴缩放比率,y为y轴缩放比率。此时e与f依然表示x轴与y轴平移的距离。
倾斜:
x轴倾斜:c = Math.tan(xdeg * Math.PI / 180)
y轴倾斜:b = Math.tan(ydeg * Math.PI / 180)
xdeg为x轴倾斜的角度,ydeg为y轴倾斜的角度
旋转:
a = Math.cos(deg * Math.PI / 180)
b = Math.sin(deg * Math.PI / 180)
c = - Math.sin(deg * Math.PI / 180)
d = Math.cos(deg * Math.PI / 180)
- Markdown和扩展Markdown简洁的语法
- 代码块高亮
- 图片链接和图片上传
- LaTex数学公式
- UML序列图和流程图
- 离线写博客
- 导入导出Markdown文件
- 丰富的快捷键
快捷键
加粗Ctrl + B
斜体
Ctrl + I
引用
Ctrl + Q
插入链接
Ctrl + L
插入代码
Ctrl + K
插入图片
Ctrl + G
提升标题
Ctrl + H
有序列表
Ctrl + O
无序列表
Ctrl + U
横线
Ctrl + R
撤销
Ctrl + Z
重做
Ctrl + Y
Markdown及扩展
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]使用简单的符号标识不同的标题,将某些文字标记为粗体或者斜体,创建一个链接等,详细语法参考帮助?。
本编辑器支持 Markdown Extra , 扩展了很多好用的功能。具体请参考Github.
表格
Markdown Extra 表格语法:项目 | 价格 |
---|---|
Computer | $1600 |
Phone | $12 |
Pipe | $1 |
项目 | 价格 | 数量 |
---|---|---|
Computer | 1600 元 | 5 |
Phone | 12 元 | 12 |
Pipe | 1 元 | 234 |
定义列表
Markdown Extra 定义列表语法:项目1
项目2
定义 A
定义 B
项目3
定义 C
定义 D
定义D内容
代码块
代码块语法遵循标准markdown代码,例如:@requires_authorization def somefunc(param1='', param2=0): '''A docstring''' if param1 > param2: # interesting print 'Greater' return (param2 - param1 + 1) or None class SomeClass: pass >>> message = '''interpreter ... prompt'''
脚注
生成一个脚注1.目录
用[TOC]来生成目录:
transform属性说明
快捷键
Markdown及扩展
表格
定义列表
代码块
脚注
目录
数学公式
UML 图
离线写博客
浏览器兼容
数学公式
使用MathJax渲染LaTex 数学公式,详见math.stackexchange.com.行内公式,数学公式为:Γ(n)=(n−1)!∀n∈N 。
块级公式:
x=−b±b 2 −4ac − − − − − − − √ 2a
更多LaTex语法请参考 这儿.
UML 图:
可以渲染序列图:Created with Raphaël 2.1.0张三张三李四李四嘿,小四儿, 写博客了没?李四愣了一下,说:忙得吐血,哪有时间写。
或者流程图:
Created with Raphaël 2.1.0开始我的操作确认?结束yesno
关于 序列图 语法,参考 这儿,
关于 流程图 语法,参考 这儿.
离线写博客
即使用户在没有网络的情况下,也可以通过本编辑器离线写博客(直接在曾经使用过的浏览器中输入write.blog.csdn.net/mdeditor即可。Markdown编辑器使用浏览器离线存储将内容保存在本地。用户写博客的过程中,内容实时保存在浏览器缓存中,在用户关闭浏览器或者其它异常情况下,内容不会丢失。用户再次打开浏览器时,会显示上次用户正在编辑的没有发表的内容。
博客发表后,本地缓存将被删除。
用户可以选择 [/i] 把正在写的博客保存到服务器草稿箱,即使换浏览器或者清除缓存,内容也不会丢失。
注意:虽然浏览器存储大部分时候都比较可靠,但为了您的数据安全,在联网后,请务必及时发表或者保存到服务器草稿箱。
浏览器兼容
目前,本编辑器对Chrome浏览器支持最为完整。建议大家使用较新版本的Chrome。IE9以下不支持
IE9,10,11存在以下问题
不支持离线功能
IE9不支持文件导入导出
IE10不支持拖拽文件导入
这里是 脚注 的 内容. ↩
相关文章推荐
- 纯css打造投影效果——CSS3属性transform的应用
- css属性简介 小结
- CSS Transform / Transition / Animation 属性的区别
- HTML5基础加强css样式篇(css属性transform 函数(3D)transform-style)(二十五)
- CSS 文本属性text 常用简介
- CSS-26.2D转换-transform属性
- html5-css简介和属性:border、background、font
- css属性border-collapse(细表格)empty-cells(显示空列,没看出来效果)text-transform(大小写)
- CSS Transform / Transition / Animation 属性的区别
- 【CSS 学习】transform 属性详解
- transform属性 -- css属性详解系列(3)
- CSS text-transform 属性
- CSS Transform / Transition / Animation 属性的区别
- transform,matrix属性讲解
- CSS Transform / Transition / Animation 属性的区别
- CSS 3D转换——transform属性的rotatex()方法和rotatey()方法
- Html+CSS transform属性中的 rotate 属性值
- HTML5基础加强css样式篇(css属性transform 函数(3D)3D盒子)(二十七)
- CSS中transform 属性
- HTML5基础加强css样式篇(css属性transform 函数(2D)的scale(),transform-origin,skew(),translate(),rotate() )(二十四)