테스트 사이트 - 개발 중인 베타 버전입니다

SVG Logo

SVG Logo

 


 

Example

 

<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>

 

 

 

<!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>


댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
글쓰기