SVG
つかいます

Android Angular 2 AngularJS CSS HTML Java Language JavaScript jQuery PHP Python Language
サーチ…


パラメーター

パラメータ詳細
バツ左上隅のx軸座標
y 左上隅のy軸座標
幅 <use>要素の幅
高さ <use>要素の高さ
xlink：href リソース識別子（別の要素のIDを参照）SVG 2はこれを廃止し、それを単純なhref属性で置き換えることを提案する

備考

詳細は、SVGのW3C勧告およびSVG2の新しい候補勧告に記載されています

アイコンの使用

<use>要素は、 <symbol>要素と連携して、再利用可能なアイコンとしてよく使用されます。それはこのように見えます： 

<svg>
    <symbol viewBox="0 0 16 16" id="icon-star">
        <path d="M16 6.216l-6.095-.02L7.98.38 6.095 6.196 0 6.215h.02l4.912 3.57-1.904 5.834h.02l4.972-3.59 4.932 3.59-1.904-5.815L16 6.215" />
    </symbol>
</svg>

そして、 <use>要素： 

<svg>
    <use xlink:href="#icon-star"/>
</svg>

<use>要素は<symbol>をコピーして表示します。個々の<use>要素で<symbol>スタイルを上書きすることもできます。 

<style>
    .red {
        fill: red;
    }
</style>

<svg>
    <use class="red" xlink:href="#icon-star"/>
</svg>


Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow