データuri内のsvgがレンダリングされない

私は、動的に生成されたsvg（example）を使用してbingマップ用のsvgプッシュピンを作成しようとしています。残念ながら、ピンをマップ上で正しくレンダリングしません。私は周囲を掘り下げて、bingマップAPIがsrcをbase64でエンコードされたイメージに設定していることを発見しました。データuri内のsvgがレンダリングされない

私はイメージソースをjsフィドルにコピーして、ビンマップAPIまたはブラウザに問題があるかどうかを確認しようとしました。それは

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"> 
    <circle id="circle" cx="25" cy="25" r="25" /> 
</svg>

のような単純な画像のために働いているが、もう少し複雑な画像が

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"> 
    <defs> 
     <circle id="circle" cx="25" cy="25" r="25" /> 
    </defs> 
    <clipPath id="clip"></clipPath> 
    <image xlink:href="https://www.gravatar.com/avatar/08b73d0a58fc120a8cc8dc561d83b3d6.jpg?s=50&d=mm" x="0" y="0" height="50" width="50" /> 
</svg>

JSフィドルレンダリングされません：私は貼り付ける場合は、両方の画像が細かいレンダリングさhttps://jsfiddle.net/w1yn9Lo8/6/

をそれらを直接HTMLに変換します。ここでの問題は何ですか？

出典

2017-01-18 Sven-Michael Stübe

をキャンバスを使いますタグはBing Mapsではサポートされていません。マップコントロールはSVGを取り込み、すぐにHTMLキャンバスに描画します。そのようなイメージは読み込むチャンスがありません。 – rbrundritt