2017-02-05 6 views
0

イメージのような形のsvgコードを使用します。triangle image このSVGをブラウザに使用するにはどうすればよいですか?ここにコードがありますどのようにWebデザインでsvgシェイプを使用できますか?

<svg xmlns="http://www.w3.org/2000/svg"> 
<g> 
    <rect fill="#fff" id="canvas_background" height="100%" width="100%" y="0" x="0"/> 
</g> 
<g> 
<path id="svg_1" d="m583.25,1l-582.5,404l4,-402l578.5,-2z" stroke-width="1.5" fill="#33666C"/> 
</g> 
</svg> 
+0

私はツールからエクスポートされたコードです。 'その三角形、私は問題がある。 –

+0

私はこの三角形をイメージのようにしたいと思う、イメージがブラウザ全体を満たすと想像してください。このリンクの画像https://i.stack.imgur.com/RFYI7.png –

+0

@RobertLongson「d =」m583.25,1l-582.5,404l4のために、 402l578.5、-2z "をパスタグに挿入します。 私はsvgで初心者で、私は自分の問題を解決する方法を知らない。 –

答えて

0

あなたは私が推測するようなものが欲しいです。私はviewBoxを追加して、シェイプの縮尺を調整します。この@RobertLongson

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 584 405" preserveAspectRatio="none"> 
 
<g> 
 
    <rect fill="#fff" id="canvas_background" height="100%" width="100%" y="0" x="0"/> 
 
</g> 
 
<g> 
 
<path id="svg_1" d="m583.25,1l-582.5,404l4,-402l578.5,-2z" stroke-width="1.5" fill="#33666C"/> 
 
</g> 
 
</svg>

関連する問題