【翻译svg教程 】svg 的坐标系统
2014-12-16 20:56
211 查看
http://tutorials.jenkov.com/svg/svg-coordinate-system.html
svg的坐标系统(和大多数计算机绘图的坐标系统)和数学中绘图系统有点不一样
原点在左下角
svg的坐标系统 原点在左上角
如果不指定任何单位协调值后,单位被认为是像素(px)。
svg 单位列表
一般用 em 和 px 比较多
svg的坐标系统(和大多数计算机绘图的坐标系统)和数学中绘图系统有点不一样
数学/笛卡儿坐标系统
数学中的坐标系统是这样的原点在左下角
SVG坐标系统
svg的坐标系统 原点在左上角
SVG 坐标系统的单位
你可以指定在SVG坐标系单位。你到处都可以指定一个坐标(x和y位置,宽度和高度等)。您指定的单位价后,例如10厘米或125毫米。如果不指定任何单位协调值后,单位被认为是像素(px)。
svg 单位列表
em | 默认高度,通常是行高 The default font size - usually the height of a character. |
ex | 一个字母x的高度? The height of the character x |
px | 像素 最常用的 |
pt | Points (1 / 72 of an inch) |
pc | Picas (1 / 6 of an inch) |
cm | Centimeters |
mm | Millimeters |
in | Inches |
相关文章推荐
- SVG系列教程:坐标系统
- SVG坐标系统与坐标转换
- [Qt教程] 第16篇 2D绘图(六)坐标系统
- 理解SVG坐标系统和变换: 建立新视窗
- SVG坐标系统
- 理解SVG坐标系统和变换: transform属性
- iOS 5中的UIKit粒子系统教程(泰然翻译组出品)
- SVG坐标系统及图形变换
- 理解SVG坐标系统和变换: transform属性
- [翻译svg教程]Path元素 svg中最神奇的元素!
- SVG坐标系统和transformation彻底理解
- [Qt教程] 第16篇 2D绘图(六)坐标系统
- 理解SVG坐标系统和变换: 建立新视窗
- [翻译svg教程]svg学习系列 开篇
- 理解SVG坐标系统和变换: transform属性
- [翻译svg教程]svg中的circle元素
- [OGRE]基础教程来二发:来谈一谈坐标系统
- 最值得看的android系统fragment教程--翻译自安卓官方文档
- [翻译svg教程]svg 中的g元素
- SVG——坐标系统的变换整合