Link to home
Start Free TrialLog in
Avatar of AXISHK
AXISHK

asked on

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>
Avatar of Dave Baldwin
Dave Baldwin
Flag of United States of America image

The HTML part works.  What is the question?
Avatar of AXISHK
AXISHK

ASKER

I means how each line of code means ? Any refers for using this parameters ?

Thx
ASKER CERTIFIED SOLUTION
Avatar of Dave Baldwin
Dave Baldwin
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of AXISHK

ASKER

Thx