svg
se7en灬柒柒
这个作者很懒,什么都没留下…
展开
-
SVG小记——viewport,viewBox,preserveAspectRatio
viewport ——表示SVG可见区域的大小<svg width="500" height="300"></svg>在<svg>元素中通过设置其width和height属性来控制SVG的viewport大小。SVG中超出视窗边界的区域会被裁切并且隐藏。 其中width和hegiht的属性值可以直接是一个简单的数字,也可以指定具体的单位。如果没有指定单位,那么将会认其为“像素px”为单位。 S转载 2015-09-30 11:59:34 · 925 阅读 · 0 评论 -
SVG小记——入门,clipPath
SVG是可缩放矢量图形 SVG用来定义用于网络的基于矢量的图形 SVG使用XML格式定义图形 SVG图像在放大或缩小(改变尺寸)的情况下,其图形质量不会受受损失 SVG是W3C的一个标准 使用SVG的优势在于:SVG可被非常多的工具读取和修改(比如记事本)SVG与JPEG和GIF图像比起来,尺寸更小,且可压缩性更强。SVG是可伸缩的SVG图像可在任何的分辨率下被高质量地打印SVG转载 2015-09-14 13:40:46 · 2388 阅读 · 0 评论 -
SVG小记——SVG Sprites
<!doctype html><html lang="en"> <head> <meta charset="utf-8" /> <title>David Darnes - Web Designer & Front-end Developer</title> <style> .icon { max-width: 40转载 2015-09-16 15:57:08 · 413 阅读 · 0 评论 -
SVG——line,curve
直线指令这里有五种不同的直线指令,你可以使用它们来创建路径。moveto(M 或 m):移动到新的位置lineto(L 或 l):从当前坐标画一条直线到一个新坐标horizontal lineto(H 或 h):画一条水平线到新坐标vertical lineto(V 或 v):画一条垂直线到新坐标closepath(Z 或 z):关闭当前路径*指令字母大写表示坐标位置是绝对位置,指令字转载 2015-10-08 16:24:26 · 1049 阅读 · 0 评论 -
SVG小记——transform属性,建立新视窗
transform属性值有效地SVG变换有:旋转rotate, 缩放scale, 移动translate, 和倾斜skew。 坐标系变化transform属性被定义成两个在被添加的元素上建立新用户空间(当前坐标系)之一-viewBox属性是创建新用户空间的两个属性中的另一个。 HTML和SVG的变换的不同是坐标系。 HTML元素的坐标系建立在元素自身之上。而SVG元素的坐标系最初是当前坐标转载 2015-10-08 11:11:07 · 740 阅读 · 0 评论