Work in Progress
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600" version="1.1">
<circle cx="300" cy="300" r="200" stroke="#90EE90" stroke-width="6" fill="#90EE90"/>
<circle cx="300" cy="300" r="160" stroke="#00EE90" stroke-width="6" fill="#90EE90"/>
<circle id="guide_1" cx="300" cy="300" r="100" stroke="#00EE90" stroke-width="6" fill="#FFFFFF"/>
<line x1="300" x2="300" y1="0" y2="600" stroke="orange" stroke-width="5"/>
<line x1="0" x2="600" y1="300" y2="300" stroke="orange" stroke-width="5"/>
<path id="bottom_text_path" d="M 155,438 C 260,535 360,515 480,415" fill="transparent"/>
<path id="top_text_path" d="M 175,190 C 260,120 360,85 500,280" fill="transparent"/>
<text style="fill:red;font-size:50;" fill="#000000">
<textPath xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#bottom_text_path">
</textPath>
</text>
<text style="fill:red;font-size:50;" fill="#000000">
<textPath xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#top_text_path">
</textPath>
</text>
<path id="face_shape_guide_rect"
d="M 220 250
L 380 250
Z"
stroke="#e75480" fill="#000000" stroke-width="3"/>
<!--<path id="face_shape"
d="M 250 250
L 200 200
L 200 100
Z"
stroke="#000000" fill="#e75480" stroke-width="3"/>-->
<!--<text x="135" y="300" style="fill:red;font-size:50;" fill="#000000">d="M 155,440 C 260,550 360,510 480,420"
Lets Get Started
<text>-->
<!-- <path id="bCurve"
d="M 250 300
C 250 230, 350 230, 350 300
L 400 300
C 400 170, 200 170, 200 300
Z"
stroke="#e75480" fill="#e75480" stroke-width="0"/>
<path id="bRectangle"
d="M 200 80
L 200 300
L 250 300
L 250 80
Z" stroke="darkblue" fill="darkblue" stroke-width="0"/>
<path id="pRectangle"
d="M 200 300
L 200 520
L 250 520
L 250 300
Z" stroke="#e75480" fill="#e75480" stroke-width="0"/>
<path id="bCurve"
d="M 250 300
C 250 370, 350 370, 350 300
L 400 300
C 400 430, 200 430, 200 300
Z" stroke="darkblue" fill="darkblue" stroke-width="0"/> -->
Sorry, your browser does not support inline SVG.
</svg>
Comments
Post a Comment