컴

SVG Logo

· 2017-01-27 (금) 15:28:07 · 2520

SVG Logo

 

d60605f0e734f9fb7d984663f935a4ec_1485498484_5023.PNG
 

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>


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

퍼블리셔팁

1,282건

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

+
분류 제목 글쓴이 날짜 조회
HTML 17-01-31 조회 2,400
HTML 17-01-31 조회 2,865
HTML 17-01-27 조회 2,956
HTML 17-01-27 조회 4,081
HTML
[HTML]
17-01-27 조회 2,521
HTML
[HTML]
17-01-26 조회 2,583
HTML 17-01-26 조회 2,126
HTML 17-01-26 조회 2,518
HTML 17-01-24 조회 2,571
HTML 17-01-24 조회 2,746
HTML 17-01-24 조회 2,511
HTML 17-01-22 조회 2,678
HTML 17-01-22 조회 2,943
HTML 17-01-22 조회 2,037
HTML 17-01-19 조회 2,290
HTML 17-01-19 조회 2,278
HTML 17-01-19 조회 2,529
HTML 17-01-18 조회 2,048
HTML 17-01-18 조회 3,064
HTML 17-01-18 조회 2,903
HTML 17-01-17 조회 2,955
HTML 17-01-17 조회 3,256
HTML 17-01-17 조회 2,546
HTML 17-01-16 조회 2,950
HTML 17-01-16 조회 2,486
HTML 17-01-16 조회 2,306
HTML 17-01-14 조회 1,977
HTML 17-01-14 조회 2,247
HTML 17-01-14 조회 2,380
HTML 17-01-13 조회 1,667