关闭

svg绘制logo

标签: svg矢量图
537人阅读 评论(0) 收藏 举报

svg是一种可缩放矢量图,具有体积小巧不失真的优点,适合制作logo或者一些简易的图片。


以下是用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>

图片效果:


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:56244次
    • 积分:1167
    • 等级:
    • 排名:千里之外
    • 原创:61篇
    • 转载:1篇
    • 译文:2篇
    • 评论:4条
    最新评论