SVG素材整理(原)

 

why SVG?

1.矢量的国际图形标准,以后随着浏览器的发展,相信矢量会更多的出现

2.illustartor等多数矢量绘图软件可以导出为这种格式

so


SVG现状

 

基本介绍:http://zh.wikipedia.org/wiki/%E5%8F%AF%E7%B8%AE%E6%94%BE%E5%90%91%E9%87%8F%E5%9C%96%E5%BD%A2

最新标准1.2,正在制定的标准2.0

可用的read库?

目前来看:主要有librsvg, libsvg2, wxsvg,qtsvg

  1. 其中librsvg是最强大的,但是基于linux编写,移植成本较高。
  2. libsvg2是基于librsvg做了整理的一个库,整体看来比较干净,但目前处于无人维护状态
  3. wxsvg是基于wxwidgets写的,应该大部分人都用不了
  4. qtsvg是基于qt写的,用qt开发可以,但作为解析的库不适合

 


能设计SVG软件工具

 

能够设计SVG图形作品的软件工具包括Adobe IllustratorVisio以及CorelDRAW等。

开放源代码的软件有ScribusKarbon14Inkscape以及Sodipodi等。

另外也有开放源码、功能简单但容易操作、免安装的在线SVG设计工具,例如svg-edit

 


SVG相关资料

 

http://www.w3school.com.cn/svg/svg_example.asp

https://wiki.gnome.org/action/show/Projects/LibRsvg?action=show&redirect=LibRsvg

http://sourceforge.net/projects/wxsvg/

https://developer.mozilla.org/en-US/docs/Web/SVG

http://www.wowace.com/addons/libsvg-1-0

http://braumeister.org/formula/libsvg-cairo

https://github.com/agambier/libsvg2

对SVG归纳的比较好的博客:http://blog.csdn.net/max__payne/article/details/5488486

SVG素材整理(原)

时间: 2024-10-22 11:58:19

SVG素材整理(原)的相关文章

web前端素材整理汇总

最近一直搞前端开发,整理下前端用的一些常用素材,分享给大家 框架类 Vue:https://cn.vuejs.org/ iview:https://www.iviewui.com/ 插件类 Jquery插件库:http://www.jq22.com/ UI类 Bootstrap模板大全:https://wrapbootstrap.com/ Bootstrap_Metro风格:https://linghucong.js.org/Bootstrap_Metro_Dashboard/ 字体类 Font

网页制作的一些素材整理(一)

一:网页配色方案: 找到的配色方案是三基色十进制的表示,想用哪个颜色可以用windows自带的计算器转换为十六进制的数就可以了 完整版网盘地址:http://pan.baidu.com/s/1gdJ18L9 清晰版网盘地址:http://pan.baidu.com/s/1sjntiC9 二:关于网站制作: 1.网站做出来 2.买域名 买域名.com商业.net互联网公司  可随便申请       .org非盈利网站      .edu高校教育.gov政府 申请不下来  .cn中国的,尽量买常见的

SVG圆形<circle> 标签

1 <?xml version="1.0" standalone="no"?> 2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 3 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 4 5 <svg width="100%" height="100%" v

怎样替换EDIUS中的素材

之前在EDIUS中剪辑的一段不是很清楚的视频,现在要把它替换成高清的,两段视频时间一样,画质不同,要如何操作才能完美替换这两者呢?下面,小编教大家简单的EDIUS替换素材的方法,替换素材主要用在素材移动后,在做好的项目中重新识别素材. 1.首先,将高清素材导入素材库,右击复制,或者按快捷键Ctrl+C进行复制: 2.然后在时间线轨道上,右击需要替换的素材,选择“替换>素材”,即可完好替换高清素材了. 3.或者把需替换的高清素材复制到原素材文件夹,移除原素材,并重命名新素材为原素材文件名,即可自动

SVG 使用marker画箭头(一)

一.使用Marker画箭头 1.定义一个箭头的marker引用 <defs> <marker id='markerArrow' markerWidth='13' markerHeight='13' refx='2' refy='6' orient='auto'> <path d='M2,2 L2,11 L10,6 L2,2' style='fill:#00ff00' /> </marker> </defs> 注:orient="auto

SVG Path路径使用(一)

一.<path> 标签 <path> 标签用来定义路径. 下面的命令可用于路径数据: M = moveto L = lineto H = horizontal lineto V = vertical lineto C = curveto S = smooth curveto Q = quadratic Belzier curve T = smooth quadratic Belzier curveto A = elliptical Arc Z = closepath 注释:以上所有

绘制SVG内容到Canvas的HTML5应用

SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术,两种绘制图形方式各有优缺点,但两者并非水火不容,尤其是SVG内容可直接绘制在Canvas上的功能,使得两者可以完美的融合在一起,让Canvas可享用到现有丰富的SVG素材,并不失SVG矢量无级缩放的特点. <基于HTML5的Drag and Drop生成图片Base64信息>这篇虽然展示的是拖拽普通栅格图片的效果,但你也可以直接拖拽SVG格式的图片进行显示,只不过普通图片的格式数据为data:image/png类型,而SV

Google--Material Design UI素材库【React版】

原文请参照:https://material-ui-next.com/ Material-UI v1.0.0-beta.23 上手 1.安装 Material-UI可作为npm包使用. npm 安装npm,保存相关依赖项到package.json,运行: npm install --save material[email protected] Roboto Font  Roboto字体 Material-UI库基于Roboto字体设计,请确保遵照一下说明. Icon Font  图标字体  使用

前端网站

www.w3cschool.cn 前端比较流行的技术网站www.awesomes.cn MDN cnblogs www.caniuse.com// 验证属性兼容性 http://daneden.github.io/animate.css  动画特效网 Web字体 http://www.iconsvg.com/    svg素材 http://www.zhaozi.cn/ http://www.youziku.com/ http://fontawesome.dashgame.com/ 字体图标 定