效果图
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
时间: 2024-10-02 00:44:08