【外翻 】svg 的坐标系统
发布在svg 学习系列2014年12月24日view:2753
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

http://tutorials.jenkov.com/svg/svg-coordinate-system.html 【原文】

svg的坐标系统(和大多数计算机绘图的坐标系统)和数学中绘图系统有点不一样

数学/笛卡儿坐标系统 enter image description here 原点在左下角


SVG坐标系统 enter image description here 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

一般用 em 和 px 比较多

评论
发表评论
6年前
添加了一枚【评注】:这说的是左上角吧
WRITTEN BY
互联网fans
如何从前端编程为钱端呢?
TA的新浪微博
PUBLISHED IN
svg 学习系列

学习 翻译 各种 征战 可视化! d3 等

我的收藏