SVG Logo

Any idea for the usage of the code  below ?

- <defs>
- <linearGradient>
- <stop>
- <ellipse>


<!DOCTYPE html>
<html>
<body>

<svg height="130" width="500">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%"
      style="stop-color:rgb(255,255,0);stop-opacity:1" />
      <stop offset="100%"
      style="stop-color:rgb(255,0,0);stop-opacity:1" />
    </linearGradient>
  </defs>
  <ellipse cx="100" cy="70" rx="85" ry="55" fill="url(#grad1)" />
  <text fill="#ffffff" font-size="45" font-family="Verdana"
  x="50" y="86">SVG</text>
Sorry, your browser does not support inline SVG.
</svg>

</body>
</html>
AXISHKAsked:
Who is Participating?
 
Dave BaldwinConnect With a Mentor Fixer of ProblemsCommented:
I'll give the same link from the other question: https://en.wikipedia.org/wiki/Scalable_Vector_Graphics  You probably need to find a tutorial on SVG.  I don't know it well enough to give you good answers plus it's fairly technical subject.  Most people use some kind of GUI program like CorelDraw, Inkscape, or Adobe Ilustrator to create SVG images.
0
 
Dave BaldwinFixer of ProblemsCommented:
The HTML part works.  What is the question?
0
 
AXISHKAuthor Commented:
I means how each line of code means ? Any refers for using this parameters ?

Thx
0
 
AXISHKAuthor Commented:
Thx
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.