2016-03-24 9 views
0

でそれを使用して、私はGoogleスプレッドシートで作成した図を使用します。 this pageに記載されている手順に従って、Chrome Dev Toolsに表示されているsvgコードをコピーして、図を.svgファイルとして保存しました。をGoogleスプレッドシートダイアグラムをSVGに変換し、(イオン性フレームワークで構築された)、モバイルアプリのためにイオンアプリ

this questionで説明したように、私はその後、imgタグのsrc属性での.svgファイルを使用していました。

残念ながら、これはイメージを表示しません。 Googleのsvgコードにはレンダリングされないコードが含まれていますか?ここにはlink to the svg codeがあります。

+2

名前空間の定義がありません。すなわちxmlns = ... –

答えて

1

スタンドアロン外部SVG 必見は、名前空間宣言を持っています。それらはXMLファイルであり、ブラウザはどのXMLタイプ(この場合はSVG)であるかを知る必要があります。あなたがSVGファイルの最初の行を変更する必要があります

<svg xmlns="http://www.w3.org/2000/svg" width="786" height="459" overflow="hidden"> 

はそれを試してみてください。

関連する問題