2016-04-26 8 views
2

私は剣道マップからKendo.drawing.exportSVGメソッドから取得しているデータURI Base64でエンコードされた文字列を持っています。SVGデータURIがimgタグでレンダリングされない

Base64文字列をSVGデコーダに入れて、結果のSVGをファイルに保存してブラウザで開きますが、<img>タグに入力すると何も表示されません。

Base64の文字列はかなり大きいので、ここに貼り付けるのではなく、JsFiddleに貼り付けました。

https://jsfiddle.net/qmap5sg9/

イメージがロードされていない、なぜ誰もが助言することはできますか?

答えて

1

あなたのデータのURLは、このような

<image preserveAspectRatio="none" x="310.15625" y="281" width="256px" height="256px" xlink:href="http://ecn.t0.tiles.virtualearth.net/tiles/r311213001300102.jpeg?g=5171&amp;mkt=en-US&amp;shading=hill" clip-path="url(#kdef7)" /> 

SVGはあなたますので、単一のファイルで構成する必要があります画像タグを介して、あなたの場合には、イメージとして使用などの外部画像への参照の多くで構成されていそれらのイメージのそれぞれをデータURLとしてエンコードしてから、それを完了すると、SVGファイル全体をデータURLとして再エンコードする必要があります。

+0

SVGに含まれる画像をそれぞれエンコードしていますか? – Steve

+0

Hmm、ok。私はそれが[ExportImage](http://docs.telerik.com/kendo-ui/api/javascript/drawing#methods-exportImage)メソッドがデータURIをもっと長く与える理由、それが私にとってそれをしているに違いないと思う。 – Steve

関連する問題