Html2canvas: Tag gambar SVG tidak berfungsi

Dibuat pada 11 Jun 2015 · 6Komentar · Sumber: niklasvh/html2canvas

Maaf, saya tidak pandai bahasa inggris

Hai

Saya mencoba menangkap tag SVG.

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

Saya dapat menangkap tag persegi dan lingkaran SVG tetapi tag gambar SVG.

Saya menggunakan useCORS dan saya dapat menangkap tag img.

Apakah ada ide untuk tag gambar SVG?

Terima kasih.

Bug

Sumber

geekduck

Semua 6 komentar

Duplikat dari https://github.com/niklasvh/html2canvas/issues/95 ?

brcontainer pada 14 Jun 2015

http://jsfiddle.net/4ygkoro9/

niklasvh pada 12 Des 2017

1 untuk mendapatkan perbaikan ini digabungkan, saya mengalami masalah yang sama.

npmuller pada 10 Jan 2018

👍1

Temuan menarik - jika saya menyajikan data yang dikodekan base64 gambar di atribut xlink: href gambar, gambar tersebut muncul di kanvas yang dibuat oleh html2canvas. Jika saya memberikan html2canvas jalur relatif ke gambar, itu tidak akan berhasil. misalnya
<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>
bekerja sementara
<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>
tidak.

npmuller pada 11 Jan 2018

👍1

+1, saya mengalami masalah yang sama. Saya harap siapa yang bisa menyelesaikannya