网站首页 > 知识剖析 正文
SVG可缩放矢量图形(Scalable Vector Graphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG是W3C在2000年8月制定的一种新的二维矢量图形格式,也是规范中的网络矢量图形标准。SVG严格遵从XML语法,并用文本格式的描述性语言来描述图像内容,因此是一种和图像分辨率无关的矢量图形格式。
鉴于近几年SVG迅猛的发展,小编为大家介绍几款实用的SVG工具。
SVG Circus
SVG Circus能够帮助你在几秒之内创建很酷的SVG spinners、加载器和其他循环动画。你也可以改变诸如起点、动画的路径等等,同时也提出了许多可供选择的技巧。
Snap.svg
Snap.svg是专为现代浏览器设计的,它支持屏蔽、剪裁、完整渐变等新的SVG功能。
iconmelon
尽管支持SVG的众多优秀的浏览器日益普及,但是却缺乏良好的矢量图标方法,而作为SVG的iconmelon工具及时地填补了这一空白,使用它作为Web项目的矢量图标着实是一个不错的选择。
Plain Pattern
这是个人觉得非常值得推荐给大家的一个工具,在Plain Pattern的网站上,你能够根据你所选择的颜色快速地生成SVG图形,这可能比任何手写的形式都要快!
Highcharts
Highcharts是一个用纯JavaScript编写的图表库,它提供在你网站或者Web应用程序当中添加交互式图表的简单方法。Highcharts目前支持散点图、条形图等。
Glyphter
这是一个非常神奇的SVG工具,它能够带你玩转所有类型的字体以及图标。你可以针对不同目的的字体和图标进行细节修改,让其更具吸引力。
Paths.js
Paths.js可以帮助生成SVG路径的高水平API。这些路径的API可以使用同一个模板引擎,用来在浏览器中显示SVG图形。
svg.js
一个轻量级的操作库和SVG动画。你不会找到一个库,比它的体积更小更简洁。同时我还发现svg.js提供了一些增强体验功能的插件,它允许你修改过滤器的图片和你正在构建的图标。
慧都控件网正在搞年终促销活动,你希望什么打折,就可以提出这个心愿,让慧都来满足你
本站文章除注明转载外,均为本站原创或翻译
猜你喜欢
- 2025-09-04 黑客通过虚假 Facebook 帖子将恶意软件隐藏在 SVG 图像中
- 2025-09-04 静止无功发生器 (SVG) 是指采用全控型电力电子器件组成的
- 2025-09-04 详解无功补偿装置SVG和SVC的不同之处
- 2025-09-04 干货SVG技术给光伏电站带来哪些优势?
- 2025-09-04 电气设计 | SVG与SVC有什么区别?作为电气人居然还没搞懂...
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)