svg基礎

時間 2019-12-09

標籤 svg 基礎简体版

原文原文鏈接

1：什麼是svg?css

百度文科是這樣說的？html

svg初體驗：svg

cssgoogle

.svg{
        width:100px;
        height:100px;
         background:url(regint.svg);
         background-repeat: no-repeat;
        }

htmlurl

<body>
    <div class="svg"></div>
</body>

svgspa

<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
 <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
 <defs>
  <radialGradient id="svg_1" cx="0.41" cy="0.34" r="0.53" fx="0.1" fy="0.1">
   <stop offset="0" stop-color="#7b9af7"/>
   <stop offset="1" stop-color="#cde0f4"/>
  </radialGradient>
 </defs>
 <g>
  <title>Layer 1</title>
  <rect fill="url(#svg_1)" stroke="#000000" stroke-width="0" x="112" y="112" width="425" height="214" id="svg_2"/>
 </g>
</svg>

實現的效果
3d

相關標籤/搜索