效果图
SVG图片：Happy.svg
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/SVG/DTD/svg10.dtd">
<svg viewBox="0 0 400 400" width="100%" height="100%"
xmlns="http://www.w3.org/2000/svg">
<title>IdiotInSvg</title>
<defs>
<radialGradient id="tsybius">
<stop offset="0%" stop-color="black" />
<stop offset="100%" stop-color="lawngreen" />
</radialGradient>
</defs>
<g id="mainlayer">
<rect x="0" y="0" width="400" height="400" fill="lawngreen" />
<rect x="0" y="40" width="400" height="400" fill="url(#tsybius)" />
<circle cx="200" cy="200" r="175" stroke="black"
stroke-width="1pt" fill="yellow" />
<circle cx="130" cy="145" r="60" stroke="black"
stroke-width="1pt" fill="white" />
<circle cx="130" cy="170" r="35" stroke="black"
stroke-width="1pt" fill="black" />
<circle cx="270" cy="145" r="60" stroke="black"
stroke-width="1pt" fill="white" />
<circle cx="270" cy="170" r="35" stroke="black"
stroke-width="1pt" fill="black" />
<path
d="M 100,250 C 160,320 240,320 300,250"
style="fill:none;stroke:#000000;stroke-width:5pt" />
</g>
</svg>
<!---->调用页面：Template.htm
<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SMILING FACE 2014/11/15</title>
</head>
<body align="center">
<h1>SMILING FACE</h1>
<iframe src="Happy.svg" width="400" height="400" />
</body>
</html>END
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
