ΡΡΠ½ΠΊΡΠΈΡ convertToCanvasAndPrint() {
html2canvas(document.getElementById("PositionChartMainDiv")).then(function(canvas) {
var img = canvas.toDataURL();
ΠΎΠΊΠ½ΠΎ.ΠΎΡΠΊΡΡΡΡ(ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅);
});
}
Π― ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ js-Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ 1.0.0-alpha.10, Π² Ρ ΡΠΎΠΌΠ΅ Π²ΡΡΠ΅ ΡΡΠ½ΠΊΡΠΈΡ ΠΎΡΠΊΡΡΠ²Π°Π΅Ρ Π½ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ ΠΊΠ°ΠΊ ΠΏΡΡΡΠΎΠ΅. ΠΠ΄Π½Π°ΠΊΠΎ Π² Firefox ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ. ΠΠΎΡΠ΅ΠΌΡ ΡΡΠΎ ΡΠ°ΠΊ?
Π ΡΡΠΎΠΌ Π²ΠΎΠΏΡΠΎΡΠ΅ Ρ Π½ΠΈΡΠ΅ΠΌ Π½Π΅ ΠΌΠΎΠ³Ρ Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΡΡ. ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΏΠΎΠΌΠΎΡΡ ΠΏΠΎ ΡΠ²ΠΎΠ΅ΠΉ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ΅, ΡΠ»Π΅Π΄ΡΠΉΡΠ΅ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΡΠΌ ΠΏΠΎ ΠΎΡΠΊΡΡΡΠΈΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅Ρ jsfiddle ΡΠΎΠ³ΠΎ, ΡΡΠΎ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ.
@niklasvh : Ρ ΠΏΡΡΠ°ΡΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ½ΠΈΠΌΠΎΠΊ Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΡ Π΅ΠΌΡ ΠΈ ΠΎΡΠΊΡΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅. ΠΠΈΠ°Π³ΡΠ°ΠΌΠΌΠ° Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π²Π½ΡΡΡΠΈ div(id=PositionChartMainDiv). ΠΠΎ ΠΊΠΎΠ³Π΄Π° Ρ Π²ΡΠ·ΡΠ²Π°Ρ ΡΠΊΠ°Π·Π°Π½Π½ΡΡ Π²ΡΡΠ΅ ΡΡΠ½ΠΊΡΠΈΡ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠΠ΅ΡΠ°ΡΡΒ», Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΠ° ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΡΡ Π² Firefox Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅, Π½ΠΎ Π² Chrome Π½ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ ΠΏΡΡΡΠΎ Π±Π΅Π· ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π² Π΅Π³ΠΎ ΡΠ΅Π»Π΅. ΠΠΎΡΠ΅ΠΌΡ ΡΠ°ΠΊΠ°Ρ ΡΠ°Π·Π½ΠΈΡΠ° Π² ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠΈ? Π― Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½Π΅ ΠΌΠΎΠ³Ρ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ Π²ΡΠ΅ΠΌ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ Π½Π° jsfiddle, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΠΎΡΠ΅Π½Ρ Π±ΠΎΠ»ΡΡΠΎΠΉ.
@ABHIKSINGHH Π Π΅ΡΠ΅Π½ΠΈΠ΅:
html2canvas(document.body).then((canvas) => {
window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
});
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
@ABHIKSINGHH Π Π΅ΡΠ΅Π½ΠΈΠ΅: