์ฃ์ก ํด์, ์ ๋ ์์ด๋ฅผ ์ ๋ชปํด์
์๋ ํ์ธ์
SVG ํ๊ทธ๋ฅผ ์บก์ฒํ๋ ค๊ณ ํฉ๋๋ค.
http://jsfiddle.net/geekduck/bgzydk8v/2/
SVG rect ๋ฐ circle ํ๊ทธ๋ ์บก์ฒ ํ ์ ์์ง๋ง SVG ์ด๋ฏธ์ง ํ๊ทธ๋ ์บก์ฒ ํ ์ ์์ต๋๋ค.
useCORS
ํ๊ณ img ํ๊ทธ๋ฅผ ์บก์ฒ ํ ์ ์์ต๋๋ค.
SVG ์ด๋ฏธ์ง ํ๊ทธ์ ๋ํ ์์ด๋์ด๊ฐ ์์ต๋๊น?
๊ฐ์ฌ.
https://github.com/niklasvh/html2canvas/issues/95 ์์ ์ค๋ณต?
์ด ์์ ์ฌํญ์ ๋ณํฉํ๋ฉด +1, ๋์ผํ ๋ฌธ์ ๊ฐ ๋ฐ์ํฉ๋๋ค.
ํฅ๋ฏธ๋ก์ด ๋ฐ๊ฒฌ-์ด๋ฏธ์ง์ xlink : href ์์ฑ์ ์ด๋ฏธ์ง์ base64๋ก ์ธ์ฝ๋ฉ ๋ ๋ฐ์ดํฐ๋ฅผ ํ์ํ๋ฉด ์ด๋ฏธ์ง๊ฐ 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์ด ์ต์ ๋ฒ์ ์ ๋ณํฉ๋์ง ์์ ์ด์ ๋ ๋ฌด์์ ๋๊น?