svg绘制logo
2015-11-19 21:27
405 查看
svg是一种可缩放矢量图,具有体积小巧不失真的优点,适合制作logo或者一些简易的图片。
以下是用svg绘制一个小图标的脚本,用文本编辑器写下如下代码,并保存为.svg格式文件就可以了。
可以在网页中引用该文件显示图片。
图片效果:
以下是用svg绘制一个小图标的脚本,用文本编辑器写下如下代码,并保存为.svg格式文件就可以了。
可以在网页中引用该文件显示图片。
<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="150" height="150" viewBox="0 0 150 150" version="1.1" xmlns="http://www.w3.org/2000/svg"> <rect width="150" height="150" style="fill:rgb(255,0,0);stroke-width:0;stroke:rgb(255,0,0)"/> <path d="M20 20 L110 20 L110 30 L30 30 L30 60 L110 60 L110 70 L30 70 L30 100 L110 100 L110 110 L20 110 Z" style="fill:white;stroke:red;stroke-width:0" /> <path d="M40 40 L130 40 L130 130 L40 130 L40 120 L120 120 L120 90 L40 90 L40 80 L120 80 L120 50 L40 50 Z" style="fill:white;stroke:red;stroke-width:0" /> </svg>
图片效果:
相关文章推荐
- JavaScript 判断浏览器是否支持SVG的代码
- 基于jquery和svg实现超炫酷的动画特效
- 推荐10 款 SVG 动画的 JavaScript 库
- 用svg制作富有动态的tooltip
- java生成饼图svg及JFreeChart生成svg图表
- Python实现批量把SVG格式转成png、pdf格式的代码分享
- Android矢量图之VectorDrawable类自由填充色彩
- Canvas和SVG的区别
- Web开发中的矢量绘图(vml,svg)处理和应用
- SVG 图像入门教程
- ExtJS之Chart导出为png/jpeg,解决中文乱码
- Convert SVG to PDF
- Convert SVG to PDF by using iText in Java(ZT)
- Vector graphics in iText PDF
- Flash导入矢量图
- GML、SVG、VML的比较
- 路径:path和shape深入了解
- 奇虎360-数据可视化
- D3-SVG 画布完整的柱形图