Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ ΠΎΡΡΠ΅Ρ Ρ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΠ°ΠΌΠΈ ΠΈ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ.
Π― ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ html2canvas Ρ jsPDF Π΄Π»Ρ ΡΠΊΡΠΏΠΎΡΡΠ° ΡΡΠΎΠ³ΠΎ ΠΎΡΡΠ΅ΡΠ° Π² ΡΠ°ΠΉΠ» PDF.
ΠΠΎ ΠΏΡΠΎΡΠ΅ΡΡ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ ΠΌΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ, Π±ΠΎΠ»Π΅Π΅ 11000 ΠΌΡ.
Π‘ΠΌ. Π½ΠΈΠΆΠ΅ ΠΊΠΎΠ΄, ΠΊΠΎΡΠΎΡΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»:
html2canvas($('#first-page'), {
onrendered: function(canvas) {
firstPage = canvas.toDataURL('image/jpeg', 0.5);
},
background: '#ffffff'
});
Π― ΡΡΠΎ-ΡΠΎ Π½Π΅ ΡΠ°ΠΊ Π΄Π΅Π»Π°Ρ ΠΈΠ»ΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°?
ΠΠ°ΠΊ Ρ ΠΌΠΎΠ³Ρ ΡΠ»ΡΡΡΠΈΡΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ?
Π ΠΠΠΠΠ’ΠΠ ΠΠΠΠ’Π¬: Ρ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΠ», ΡΡΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π½Π΅ Π² ΠΌΠ΅ΡΠΎΠ΄Π΅ toDataURL(), Π° Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ _Π½Π°_ Ρ ΠΎΠ»ΡΡΠ΅, Π½ΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° ΡΠΎΡ ΡΠ°Π½ΡΠ΅ΡΡΡ.
Π£ ΠΌΠ΅Π½Ρ ΡΠΎΠΆΠ΅ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ.
ΠΡΠ±Π°Ρ Π΄ΡΡΠ³Π°Ρ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π°?
Π ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΡΠ΅ΡΠ΅Π½ΠΈΡ Ρ Π½Π΅ Π½Π°ΡΠ΅Π», ΠΏΡΠΈΡΠ»ΠΎΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Ρ ΡΡΠΎΠΉ Π·Π°Π΄Π΅ΡΠΆΠΊΠΎΠΉ. Π Π΅ΡΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Ρ Π½Π°ΡΠ΅Π», ΡΠΎΡΡΠΎΡΠ»ΠΎ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π·Π°Π³ΡΡΠ·ΡΠΈΠΊ css.
ΠΠΎ ΠΊΡΠ°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅ΡΠ΅, ΠΏΠΎΠΊΠ° Ρ Π½Π΅ ΡΠΌΠΎΠ³Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΡΡΠΎ Π²ΡΠ΅ΠΌΡ
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΡΠΎΡ ΠΊΠΎΠ΄:
html2canvas([$('#first-page')], {
onrendered: function(canvas) {
firstPage = canvas.toDataURL('image/jpeg', 0.5);
},
background: '#ffffff'
});
Π ΠΌΠΎΠ΅ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅ ΡΡΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ ΠΌΠ½Π΅)
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ, Π΅ΡΠ»ΠΈ canvas.toDataURL();
Π±ΡΡΡΡΠ΅Π΅, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π΅ΠΌΡ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΆΠΈΠΌΠ°ΡΡ jpg.
ΠΡΠΎ ΠΎΡΠ΅Π½Ρ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ -_-" .... Π΅ΡΡΡ ΠΈΠ΄Π΅ΠΈ?
ΠΌΠΌΠΌ... Π±ΡΠ»ΠΎ Π±Ρ Π±ΡΡΡΡΠ΅Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ jpg, ΡΠ΅ΠΌ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ png, Π° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ toDataURL() Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅Ρ png, ΠΏΠΎΡΡΠΎΠΌΡ ΠΎΠ½ ΠΈΠΌΠ΅Π΅Ρ ΡΠ»ΠΎΠΉ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΠΈ... ΡΡΠΎ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ Π±ΠΎΠ»ΡΡΠ΅ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ
Π 2019 Π³ΠΎΠ΄Ρ ΠΎΠ½ Π²ΡΠ΅ Π΅ΡΠ΅ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΡΠΉ ΠΏΡΠΈ ΠΈΠ·Π²Π»Π΅ΡΠ΅Π½ΠΈΠΈ 5-6 html-ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° Π² pdf Ρ ΠΏΠΎΠΌΠΎΡΡΡ html2canvas.
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
Π 2019 Π³ΠΎΠ΄Ρ ΠΎΠ½ Π²ΡΠ΅ Π΅ΡΠ΅ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΡΠΉ ΠΏΡΠΈ ΠΈΠ·Π²Π»Π΅ΡΠ΅Π½ΠΈΠΈ 5-6 html-ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° Π² pdf Ρ ΠΏΠΎΠΌΠΎΡΡΡ html2canvas.