58 lines
3.0 KiB
HTML
58 lines
3.0 KiB
HTML
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>SVG Image</title>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<svg height="400" width="400">
|
||
|
|
<image xlink:href="lion.jfif" x="0" y="0" height="400" width="200" />
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
<svg>
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="Gradient1" x1="0" x2="1" y1="0" y2="0">
|
||
|
|
<stop offset="0%" stop-color="green"/>
|
||
|
|
<stop offset="20%" stop-color="yellow"/>
|
||
|
|
<stop offset="30%" stop-color="orange"/>
|
||
|
|
<stop offset="40%" stop-color="red"/>
|
||
|
|
<stop offset="60%" stop-color="violet"/>
|
||
|
|
<stop offset="80%" stop-color="blue"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<radialGradient id="Gradient2" cx="0.5" cy="0.5" r="0.5">
|
||
|
|
<stop offset="0%" stop-color="red"/>
|
||
|
|
<stop offset="100%" stop-color="blue"/>
|
||
|
|
</radialGradient>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<polygon points="150, 20 20, 150, 280 150" fill="url(#Gradient2)"/>
|
||
|
|
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
<svg width="400" height="400" >
|
||
|
|
<defs>
|
||
|
|
<pattern id="pattern2" x="400" y="0" width="50" height="80" patternUnits="userSpaceOnUse" >
|
||
|
|
<g
|
||
|
|
id="g3730"
|
||
|
|
transform="matrix(0.22810509,0,0,0.24999725,-119.3334,-9.4771381)">
|
||
|
|
<path
|
||
|
|
d="m 659.898,169.258 c 20.912,8.548 28.111,18.105 28.176,26.51 0.021,2.808 -0.753,5.487 -2.079,7.957 -8.917,16.569 -27.282,2.296 -27.282,2.296 -2.125,11.987 -2.784,36.89 0,39.366 2.784,2.476 7.461,5.134 7.461,10.691 0,4.339 -16.332,8.929 -32.423,8.921 -4.564,-0.002 -9.11,-0.374 -13.257,-1.226 -4.537,-4.018 -5.28,-13.104 -11.381,-13.242 -6.111,0.138 -6.855,9.225 -11.395,13.242 -4.021,0.827 -8.417,1.201 -12.841,1.225 -16.225,0.087 -32.838,-4.544 -32.838,-8.92 0,-5.558 4.676,-8.215 7.462,-10.691 2.784,-2.477 2.126,-27.379 0,-39.366 0,0 -18.367,14.273 -27.283,-2.296 -1.29,-2.403 -2.058,-5.004 -2.078,-7.729 -0.063,-8.46 7.078,-18.113 28.18,-26.738 -13.094,-11.479 -19.594,-26.906 -19.594,-49.98 0,-17.038 8.18,-31.496 13.822,-39.956 -5.159,-1.794 -9.688,-7.38 -9.936,-13.56 -0.141,-3.52 1.107,-7.232 4.42,-10.546 3,-3.003 6.37,-4.198 9.624,-4.2 6.638,-0.003 12.792,4.962 14.333,9.684 C 581.851,53.314 594.965,49 609.101,49 h 0.012 c 14.135,0 27.25,4.314 38.111,11.701 1.542,-4.726 7.707,-9.696 14.354,-9.684 3.25,0.006 6.615,1.202 9.612,4.2 3.068,3.071 4.364,6.484 4.425,9.769 0.121,6.479 -4.565,12.46 -9.939,14.336 5.643,8.46 13.821,22.917 13.821,39.956 0,23.074 -6.506,38.5 -19.599,49.98 z"
|
||
|
|
id="path3726"
|
||
|
|
inkscape:connector-curvature="0"
|
||
|
|
style="fill:#b97d6d" />
|
||
|
|
<path
|
||
|
|
d="m 556.789,70.171 c -3.444,0 -5.304,-4.166 -3.264,-7.354 1.86,-2.923 7.259,-3.369 8.949,1.329 m 98.949,6.025 c 3.443,0 5.303,-4.166 3.263,-7.354 -1.86,-2.923 -7.26,-3.369 -8.949,1.329"
|
||
|
|
id="path3728"
|
||
|
|
inkscape:connector-curvature="0"
|
||
|
|
style="fill:none;stroke:#000000;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round" />
|
||
|
|
</g>
|
||
|
|
</pattern>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
|
||
|
|
<text font-size="160" fill="url(#pattern2)" y="300" stroke="black">Hello</text>
|
||
|
|
</svg>
|
||
|
|
</html>
|