ΠΠ·Π²ΠΈΠ½ΠΈ, Ρ Π½Π΅ ΠΎΡΠ΅Π½Ρ Ρ ΠΎΡΠΎΡΠΎ Π³ΠΎΠ²ΠΎΡΡ ΠΏΠΎ Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΈ
ΠΡΠΈΠ²Π΅Ρ
Π― ΠΏΡΡΠ°ΡΡΡ Π·Π°Ρ Π²Π°ΡΠΈΡΡ ΡΠ΅Π³ SVG.
http://jsfiddle.net/geekduck/bgzydk8v/2/
Π― ΠΌΠΎΠ³Ρ Π·Π°Ρ Π²Π°ΡΡΠ²Π°ΡΡ ΡΠ΅Π³ΠΈ SVG rect ΠΈ circle, Π½ΠΎ ΡΠ΅Π³ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ SVG.
Π― ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ useCORS
ΠΈ ΠΌΠΎΠ³Ρ Π·Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ΅Π³ img.
ΠΡΡΡ Π»ΠΈ ΠΈΠ΄Π΅ΠΈ Π΄Π»Ρ ΡΠ΅Π³Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ SVG?
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ.
ΠΡΠ±Π»ΠΈΠΊΠ°Ρ Ρ https://github.com/niklasvh/html2canvas/issues/95 ?
+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 Π² ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΉ Π²Π΅ΡΡΠΈΠΈ?