2016-07-02 10 views
0

デフォルトの角度素材デザインからsvg形式のアイコンを表示できます。Mdアイコンを使用するとカスタムSVGを表示できません

ではなく、作られたカスタムアイコンを所有し、同じようにそれを使用する:

<md-icon aria-label="..." md-svg-icon="img/deal-review-ui/svg/custom.svg"></md-icon> 

なぜ?ここで

カスタムSVGは次のとおりです。

<svg width="404" height="404" xmlns="http://www.w3.org/2000/svg"> 
<!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ --> 
<g> 
    <title>background</title> 
    <rect fill="#fff" id="canvas_background" height="406" width="406" y="-1" x="-1"/> 
</g> 
<g> 
    <title>Layer 1</title> 
    <ellipse stroke="#293414" ry="200" rx="200" id="svg_1" cy="202" cx="202" stroke-width="0" fill="#bbd7bc"/> 
    <text stroke="#293414" transform="rotate(0.031844597309827805 198.77488708493877,179.41534423829142) matrix(15.453970455039329,0,0,13.162668315715782,-2099.761752733419,-1738.4265600781666) " xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="24" id="svg_5" y="154.038217" x="140.749918" stroke-opacity="null" stroke-width="0" fill="#444444">A</text> 
</g> 
</svg> 
+1

何をしていますか - https://plnkr.co/edit/BeqDGCHAAasbvgYsIGH0?p=preview。 'md-icon'幅が400pxに設定されていると、svgの一部を見ることができます。残念ながら、私はあなたのことをもっと助けるためにSVGについて十分に知りません。 –

+0

はい、あなたは正しいです。私がする必要があるのは、svgを最小限に抑えることだけです。 –

+0

Carlos、以下に記載されていない解決策に到着した場合は、それを回答として提供し、問題を解決するために同意してください。 – isherwood

答えて

0

ではなくmd-svg-icon

md-svg-srcmd-svg-srcをお試しください:文字列のURL(または式)、キャッシュをロードし、外部SVGを表示するために使用されます。あなたはさらにhereを見ることができます。

関連する問題