Html2canvas: SVG画像タグが機能しない

作成日 2015年06月11日  ·  6コメント  ·  ソース: niklasvh/html2canvas

すみません、私は英語が苦手です

こんにちは

SVGタグをキャプチャしようとしています。

http://jsfiddle.net/geekduck/bgzydk8v/2/

SVG rectとcircleタグをキャプチャできますが、SVGイメージタグをキャプチャできます。

useCORSを使用しており、imgタグをキャプチャできます。

SVG画像タグのアイデアはありますか?

ありがとう。

Bug

全てのコメント6件

この修正をマージするための+1、私は同じ問題を抱えています。

興味深い発見-画像のbase64エンコードデータを画像のxlink:href属性に表示すると、画像はhtml2canvasで生成されたキャンバスに表示されます。 html2canvasに画像への相対パスを指定すると、機能しません。 例えば
<image id="OpenLayers_Geometry_Point_42754" cx="690.6698311208747" cy="286.4667614893988" r="1" preserveAspectRatio="none" x="683" y="278" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABd0lEQVQ4T62Tv0sCYRzGP2eiZdxBST82iYLADGoILmirucmhOaSkoTEsaJGCiJYIJIr6EwKn6A8IrUGi0q2IhshIh7u0FPXiNcXSLjJ6x+/zPp/v8xzvSXx/FMANjFTkCyAO6PXXpQZ/B8solllkqRvV2lrWo4U3XowkeumQFBufPV8BXdI5XvsgIVkkaDx+TSOcT/BojFfFGkCY19rHmGszaVUZh14hmDkjaahi8gEQsWdaA6ab65FzmsZRbp0UmwKg4LLEuHP2/7y6TnU933JvDAuAiqflhKvO73ubUT1pnXhxSgD8+Ozb7Cu2phL4tDwHucV/AfytwlBaJ1GcFAlk+iwxbp0DTVVwpW64L5U/IjgJ4LWvsKvIv4L4NJ1wLsgzW7WH1CtFWHWoLDh+ZuxkYSN7yoMxUXtIVUuPFGXa5mbPJInYfJy/rJobAR91lmiX5pEtXahWe5kdKeTIGE9kSrsitvnPVFNEDw8wWhnFgGvgtb7fO2wpc13ikHF4AAAAAElFTkSuQmCC" style="opacity: 1" fill="#000000" fill-opacity="1" stroke="#000000" stroke-opacity="1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></image>
動作している間
<image id="OpenLayers_Geometry_Point_42880" cx="124.9999999916181" cy="79.99999999953434" r="1" preserveAspectRatio="none" x="112" y="67" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/path/to/image/on/server/image.png" style="opacity: 1" fill="#000000" fill-opacity="1" stroke="#000000" stroke-opacity="1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></image>
ではない。

+1、私は同じ問題を抱えています。誰がそれを解決できるかを願っています

+1、私は同じ問題を抱えています。 最新バージョンでは解決されていないようです。 なぜ#998は最新バージョンにマージされないのですか?

このページは役に立ちましたか?
0 / 5 - 0 評価