рдирдорд╕реНрддреЗ,
рдореИрдВрдиреЗ html2canvas рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ html рдХреЛ рдЫрд╡рд┐ рдореЗрдВ рдмрджрд▓рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА, рдпрд╣ рдареАрдХ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИред рд▓реЗрдХрд┐рди рдПрдЪрдЯреАрдПрдордПрд▓ рддрддреНрд╡реЛрдВ рдХреЗ рдЕрдВрджрд░ рдЫрд╡рд┐ рдЯреИрдЧ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдирд╣реАрдВ рд╣реЛ рд░рд╣рд╛ рд╣реИ, рдиреАрдЪреЗ рдПрдХ рдЙрджрд╛рд╣рд░рдг рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ:
рдПрдордУ | рддреБ | рд╣рдо | рд╡рд╛рдВ | NS | рдПрд╕рдП | рд░ |
---|---|---|---|---|---|---|
26 | реирен | 28 | 29 | 30 | 31 | 1 |
2 рдмреЗрд▓ рд╕реНрдиреИрдк |
html2canvas рдХрдирд╡рд░реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдореЗрд░реА рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдпрд╣рд╛рдВ рджреА рдЧрдИ рд╣реИ:
var html2obj = html2canvas($('table'));
рд╡рд░ рдХрддрд╛рд░ = html2obj.parse ();
рд╡рд░ рдХреИрдирд╡рд╛рд╕ = html2obj.рд░реЗрдВрдбрд░ (рдХрддрд╛рд░);
var img = рдХреИрдирд╡рд╛рд╕.toDataURL ();
$('#calendar_to_canvas').attr('src', img);
рдкреАрдПрдлрдП тАЛтАЛтАЛтАЛрд╕реНрдХреНрд░реАрдирд╢реЙрдЯ
рдзрдиреНрдпрд╡рд╛рдж,
рдмрд╛рд▓рд╛
рдЖрдк рдЫрд╡рд┐рдпреЛрдВ рдХрд╛ рдкреНрд░реАрд▓реЛрдб рдЦреЛ рд░рд╣реЗ рд╣реИрдВ, рдЬреЛ рд╕реНрд╡рдпрдВ рдЕрддреБрд▓реНрдпрдХрд╛рд▓рд┐рдХ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЖрдкрдХреЛ рдЗрд╕реЗ рдХреЙрд▓рдмреИрдХ рдореЗрдВ рд▓рдкреЗрдЯрдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрдЧреАред рдЖрдк рд╢рд╛рдпрдж рдкреБрд░рд╛рдиреЗ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рднреА рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП рдореИрдВ https://github.com/niklasvh/html2canvas/downloads рд╕реЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдФрд░ рдЙрд╕рдХреЗ рд╕рд╛рде рдкрд░реАрдХреНрд╖рдг рдХрд░рдиреЗ рдХреА рдЕрдиреБрд╢рдВрд╕рд╛ рдХрд░рддрд╛ рд╣реВрдВ:
html2canvas( $('table'), {
onrendered: function( canvas ) {
var img = canvas.toDataURL();
$('#calendar_to_canvas').attr('src', img);
}
});
рддреНрд╡рд░рд┐рдд рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдореИрдВрдиреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдбрд╛рдЙрдирд▓реЛрдб рдХрд┐рдпрд╛ рдФрд░ рдЙрдкрд░реЛрдХреНрдд рдХреЛрдб рдХреА рдХреЛрд╢рд┐рд╢ рдХреА, рдпрд╣ рдЕрднреА рднреА рдкреНрд░рджрд╛рди рдХрд┐рдП рдЧрдП рдХреИрдирд╡рд╛рд╕ рдореЗрдВ рдЫрд╡рд┐ рдЯреИрдЧ рдирд╣реАрдВ рджрд┐рдЦрд╛ рд░рд╣рд╛ рд╣реИред рдХреНрдпрд╛ рдореБрдЭреЗ рдХреБрдЫ рдпрд╛рдж рдЖ рд░рд╣рд╛ рд╣реИ, рдореИрдВрдиреЗ html2canvas.js, jquery.plugin.html2canvas рдФрд░ jQuery 1.7 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЬреЛрдбрд╝рд╛ред рдЖрдкрдХреА рдорджрдж рдмрд╣реБрдд рд╣реА рд╕рд░рд╛рд╣рдирд┐рдп рд╣реИред
рдХреНрдпрд╛ рдЖрдкрдХреЗ рджреНрд╡рд╛рд░рд╛ рдкреНрд░рд╕реНрддреБрдд рдХрд┐рдП рдЬрд╛ рд░рд╣реЗ рдкреГрд╖реНрда рдХреЗ рд╕рдорд╛рди рдореВрд▓ рдХреЗ рдЕрдВрддрд░реНрдЧрдд рд╣реЛрд╕реНрдЯ рдХреА рдЧрдИ рдЫрд╡рд┐рдпрд╛рдВ рд╣реИрдВ?
logging: true
рд╕реЗрдЯ рдХрд░реЗрдВ рдФрд░ рдЬрд╛рдВрдЪреЗрдВ рдХрд┐ рдХрдВрд╕реЛрд▓ рдЫрд╡рд┐рдпреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреНрдпрд╛ рдХрд╣ рд░рд╣рд╛ рд╣реИ, рдХреНрдпрд╛ рд╡реЗ рд╡рд┐рдлрд▓ рд╣реЛ рд░рд╣реЗ рд╣реИрдВ?
рдЫрд╡рд┐рдпрд╛рдВ рд╕рд╣реА рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ, рдХреГрдкрдпрд╛ рдиреАрдЪреЗ рд▓реЙрдЧ рджреЗрдЦреЗрдВ:
html2canvas: рдкреНрд░реАрд▓реЛрдб рд╢реБрд░реВ рд╣реЛрддрд╛ рд╣реИ: рдмреИрдХрдЧреНрд░рд╛рдЙрдВрдб-рдЗрдореЗрдЬ рдвреВрдВрдврдирд╛ html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 1 / 1 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 2/2 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 3 / 3 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 4/4 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 5/5 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 6/6 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 7 / 7 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░реАрд▓реЛрдб: рдЪрд┐рддреНрд░ рдвреВрдБрдврдирд╛ html2canvas.js:27
html2canvas: рдкреНрд░реАрд▓реЛрдб: рд╣реЛ рдЧрдпрд╛ред html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 8 / 18 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 9/18 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 10 / 18 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 11 / 18 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 12 / 18 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 13 / 18 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 14 / 18 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 15 / 18 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 16 / 18 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 17 / 18 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 18 / 18 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
рдЫрд╡рд┐рдпреЛрдВ рдХреЛ рд▓реЛрдб рдХрд░рдирд╛ рд╕рдорд╛рдкреНрдд: # 18 (рд╡рд┐рдлрд▓: 0) html2canvas.js:27
рдХреИрдирд╡рд╛рд╕ рд╕реЗ рдЫрд╡рд┐ рдбреЗрдЯрд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде рдХреНрдпреЛрдВрдХрд┐ рдХреИрдирд╡рд╛рд╕ рдХреНрд░реЙрд╕-рдУрд░рд┐рдЬрд┐рдирд▓ рдбреЗрдЯрд╛ рджреНрд╡рд╛рд░рд╛ рджрд╛рдЧрджрд╛рд░ рд╣реЛ рдЧрдпрд╛ рд╣реИред
html2canvas: рд░реЗрдВрдбрд░рд░: рдХреИрдирд╡рд╛рд╕ рд░реЗрдВрдбрд░рд░ рдХрд┐рдпрд╛ рдЧрдпрд╛ - рдХреИрдирд╡рд╛рд╕ рд▓реМрдЯрд╛ рд░рд╣рд╛ рд╣реИ
рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдлрд╝рд╛рдЗрд▓ рдФрд░ рдЫрд╡рд┐ рдкрд┐рдЫрд▓реА рдЯрд┐рдкреНрдкрдгреА рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдПрдХ рд╣реА рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ рдореЗрдВ рд╕реНрдерд┐рдд рд╣реИрдВред
рд╣рд╛рдп рдирд┐рдХрд▓рд╛рд╕реНрд╡рд┐рд╣, рдЗрд╕рдиреЗ рдЕрдкрдиреА рдореВрд▓ рдиреАрддрд┐ рдХреЗ рдореБрджреНрджреЗ рдХреЛ рд╕рд╣реА рдХрд┐рдпрд╛, рдореИрдВрдиреЗ рдкрд╣рд▓реЗ рд╕реЗ рдлрд╝рд╛рдЗрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╕реНрдерд╛рдиреАрдп рд░реВрдк рд╕реЗ рдЪрд▓ рд░рд╣реЗ рд╡реЗрдмрд╕реЗрд╡рд░ рдореЗрдВ рдЪрд▓рдиреЗ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдХрд┐рдпрд╛: // рдЗрд╕реЗ рдПрдХ рдХреНрд░реЙрд╕ рдбреЛрдореЗрди рд╕рдорд╕реНрдпрд╛ рдХреЗ рд░реВрдк рдореЗрдВ рджреЗрдЦрд╛ рдЬрд╛рддрд╛ рд╣реИред рдореБрдЭреЗ рд╕рд╣реА рджрд┐рд╢рд╛ рдореЗрдВ рдорд╛рд░реНрдЧрджрд░реНрд╢рди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред рдпрд╣ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рдкреНрд▓рдЧрдЗрди рд╣реИ :)
Niklashvh рдореИрдВ рдЗрд╕реЗ рдПрдВрдбреНрд░реЙрдЗрдб рд╣рд╛рдЗрдмреНрд░рд┐рдб рдРрдк рдХреЗ рд▓рд┐рдП рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдЬреЛ рдлрд╝рд╛рдЗрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╕реНрдерд╛рдиреАрдп рд░реВрдк рд╕реЗ рдЪрд▓рддрд╛ рд╣реИ: // рдХреНрдпрд╛ рдЖрдк рдореБрдЭреЗ рдЗрд╕ рдХреНрд░реЙрд╕ рдбреЛрдореЗрди рд╕рдорд╕реНрдпрд╛ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдорд╛рд░реНрдЧрджрд░реНрд╢рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдпрд╛ рдХрд┐рд╕реА рднреА рд╕реБрдЭрд╛рд╡ рдХреА рдмрд╣реБрдд рд╕рд░рд╛рд╣рдирд╛ рдХреА рдЬрд╛ рд╕рдХрддреА рд╣реИред
рдпрджрд┐ рдЖрдкрдХреЛ рдХрд╣реАрдВ рднреА рдЫрд╡рд┐ рдирд┐рд░реНрдпрд╛рдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИ, рддреЛ рдЖрдк рд╣рдореЗрд╢рд╛ allowTaint: true
рд╕реЗрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ
рд╣рдо рдЫрд╡рд┐ рдХреЛ рд╕реНрдореГрддрд┐ рдореЗрдВ рдирд┐рд░реНрдпрд╛рдд рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдФрд░ рдЗрд╕реЗ рдИрдореЗрд▓ рдореЗрдВ рдкреАрдбреАрдПрдл рдХреЗ рд░реВрдк рдореЗрдВ рднреЗрдЬ рд░рд╣реЗ рд╣реИрдВ
рдореБрдЭреЗ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ, рд▓реЙрдЧ рдЗрд╕ рдкреНрд░рдХрд╛рд░ рд╣реИ:
html2canvas: рдкреНрд░реАрд▓реЛрдб рд╢реБрд░реВ рд╣реЛрддрд╛ рд╣реИ: html2canvas.js рдмреИрдХрдЧреНрд░рд╛рдЙрдВрдб-рдЗрдореЗрдЬ рдвреВрдВрдврдирд╛: 21
html2canvas: рдкреНрд░реАрд▓реЛрдб: рдЪрд┐рддреНрд░ рдвреВрдБрдврдирд╛ html2canvas.js: 21
html2canvas: рдкреНрд░реАрд▓реЛрдб: рд╣реЛ рдЧрдпрд╛ред html2canvas.js 21
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 1/2 (рд╡рд┐рдлрд▓: 0) html2canvas.js: 21
html2canvas: рдкреНрд░рд╛рд░рдВрдн: рдЪрд┐рддреНрд░: 2/2 (рд╡рд┐рдлрд▓: 0) html2canvas.js: 21
рдЫрд╡рд┐рдпреЛрдВ рдХреЛ рд▓реЛрдб рдХрд░рдирд╛ рд╕рдорд╛рдкреНрдд: # 2 (рд╡рд┐рдлрд▓: 0) html2canvas.js: 21
html2canvas: рд░реЗрдВрдбрд░рд░: рдХреИрдирд╡рд╛рд╕ рд░реЗрдВрдбрд░рд░ рдХрд┐рдпрд╛ рдЧрдпрд╛ - рдУрдмреАрдЬреЗ рдХреИрдирд╡рд╛рд╕ рд▓реМрдЯрд╛ рд░рд╣рд╛ рд╣реИ
рдЫрд╡рд┐рдпрд╛рдВ рдкреГрд╖реНрдарднреВрдорд┐-рдЫрд╡рд┐ рдореЗрдВ рд╕реНрдерд┐рдд рд╣реИрдВ, рдмрд╕ рдореБрдЦреНрдп рдЫрд╡рд┐ div рд▓реЛрдб рдХрд░реЗрдВ, рдХреИрджрд┐рдпреЛрдВ рдХреЛ рдирд╣реАрдВ рджрд┐рдЦрд╛рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЫрд╡рд┐рдпрд╛рдБ рдХреНрд░реЙрд╕ рдПрдХ рд╣реА рдбреЛрдореЗрди рдореЗрдВ рд╣реИрдВред
рдХреЛрдИ рд╡рд┐рдЪрд╛рд░?
рдЕрдЧрд░ рдореИрдВ "рдкреГрд╖реНрдарднреВрдорд┐-рдЖрдХрд╛рд░: рдХрд╡рд░;" рдЬреЛрдбрд╝рддрд╛ рд╣реВрдВ рд╢реИрд▓реА рдХреЗ рд▓рд┐рдП, рдЫрд╡рд┐ рдкреНрд░рдХрдЯ рдирд╣реАрдВ рд╣реЛрддреА рд╣реИ ...
рдЬрд╛рд╣рд┐рд░рд╛ рддреМрд░ рдкрд░ рдпрд╣ рд╕рдорд╕реНрдпрд╛ рд╣реИ
рдФрд░ рдпрд╣ рдХрд╛рдо рдХрд░ рдЧрдпрд╛ !!, рдХреЗрд╡рд▓ рдореБрдЭреЗ "рдкреГрд╖реНрдарднреВрдорд┐-рдЖрдХрд╛рд░: 100% 100%" рд░рдЦрдирд╛ рд╣реЛрдЧрд╛; "рдкреГрд╖реНрдарднреВрдорд┐-рдЖрдХрд╛рд░: рдХрд╡рд░;" рдХреЗ рдмрдЬрд╛рдп
рдЖрдИрдПрдордЬреА рдХреЗ рд╕рд╛рде рдСрдирд▓рд╛рдЗрди рдпреВрдЖрд░рдПрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдПрдЪрдЯреАрдПрдордПрд▓ @ рдХреИрдирд╡рд╛рд╕ рдХреИрдкреНрдЪрд░ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдХреНрдпрд╛ рд╣реИ?
рдзрдиреНрдпрд╡рд╛рдж
@ Elgamal10 рдкреНрд░реЙрдХреНрд╕реА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ
https://github.com/brcontainer/html2canvas-php-proxy (php рдХреЗ рд╕рд╛рде html2canvas рдкреНрд░реЙрдХреНрд╕реА)
https://github.com/brcontainer/html2canvas-asp-vbscript-proxy (рдПрдПрд╕рдкреА-рдХреНрд▓рд╛рд╕рд┐рдХ рдХреЗ рд╕рд╛рде html2canvas рдкреНрд░реЙрдХреНрд╕реА - vb)
https://github.com/brcontainer/html2canvas-csharp-proxy (html2canvas рдкреНрд░реЙрдХреНрд╕реА asp.net - csharp рдХреЗ рд╕рд╛рде)
рдиреЛрдЯ: рдлрд╝рд╛рдЗрд▓ рдкрдврд╝реЗрдВ README.md
рдЖрдкрдХреЗ рдЙрддреНрддрд░ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдпрд╣ рд╕реНрдХреНрд░реАрди рд╢реВрдЯ рдЕрдЪреНрдЫрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдЗрд╕рдореЗрдВ рддреНрд░реБрдЯрд┐рдпрд╛рдВ рд╣реИрдВ рдЬреИрд╕реЗ:
html2canvas_5 рдкрд░рд┐рднрд╛рд╖рд┐рдд рдирд╣реАрдВ рд╣реИ
html2canvas_0 рдкрд░рд┐рднрд╛рд╖рд┐рдд рдирд╣реАрдВ рд╣реИ
html2canvas_5 рдкрд░рд┐рднрд╛рд╖рд┐рдд рдирд╣реАрдВ рд╣реИ
html2canvas_4 рдкрд░рд┐рднрд╛рд╖рд┐рдд рдирд╣реАрдВ рд╣реИ
html2canvas_1 рдкрд░рд┐рднрд╛рд╖рд┐рдд рдирд╣реАрдВ рд╣реИ
html2canvas_5 рдкрд░рд┐рднрд╛рд╖рд┐рдд рдирд╣реАрдВ рд╣реИ
@ Elgamal10 рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдкреИрджрд╛ рдХрд░реЗрдВ
https://github.com/brcontainer/html2canvas-csharp-proxy/issues?state=open
рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛтАЛтАЛрд╣реИ рдХрд┐ рдЖрдк рд╕реА # (рдПрдПрд╕рдкреА.рдиреЗрдЯ) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рдХреНрдпрд╛ рдореИрдВ рд╕рд╣реА рд╣реВрдБ?
рд╣рд╛рдп рдирд┐рдХрд▓рд╛рд╕,
рдореИрдВрдиреЗ рдЖрдкрдХреЗ рдПрдкреАрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╢реБрд░реВ рдХрд░ рджрд┐рдпрд╛ рд╣реИ рдФрд░ рдпрд╣ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реИ .. рд▓реЗрдХрд┐рди рдореИрдВ рдлрдВрд╕ рдЧрдпрд╛ рд╣реВрдБ рдХреНрдпрд╛ рдЖрдк рдХреГрдкрдпрд╛ рдорджрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ ..
рдореИрдВ рдХреЛрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рдПрдХ рдПрдЪрдЯреАрдПрдордПрд▓ рдХреЛ рдХреИрдирд╡рд╛рд╕ рдореЗрдВ рдмрджрд▓рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ:
jQuery('html').html2canvas({
рдкреНрд░реЙрдХреНрд╕реА:" http://localhost/myproject/proxy.jsp ",
рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЙрд░реНрд╕: рд╕рдЪ ,
рдСрдирд░реЗрдВрдбрд░: рдлрд╝рдВрдХреНрд╢рди (рдХреИрдирд╡рд╛рд╕) {
рдЪреЗрддрд╛рд╡рдиреА (рдХреИрдирд╡рд╛рд╕);
var url = рдХреИрдирд╡рд╛рд╕.toDataURL ("рдЫрд╡рд┐/рдкреАрдПрдирдЬреА");
window.open(url, '_blank');
},
});
рдЕрдм рдореЗрд░реЗ рдкрд╛рд╕ рдкреНрд░реЙрдХреНрд╕реА.рдЬреЗрдПрд╕рдкреА рдирд╛рдордХ рдПрдХ рдлрд╛рдЗрд▓ рд╣реИ рдЬреЛ рдкрде рдореЗрдВ рд╕рднреА рдХреНрд░реЙрд╕ рдореВрд▓ рдЫрд╡рд┐рдпреЛрдВ рдХреЛ рд╕рд╣реЗрдЬрддреА рд╣реИ ~/tomcat/myproject/images/"
рдЙрд╕рдХреЗ рдмрд╛рдж рдореИрдВ рдЗрд╕реЗ рдХрдВрд╕реЛрд▓ рдореЗрдВ рджреЗрдЦрддрд╛ рд╣реВрдВ
рд╕рдВрд╕рд╛рдзрди рдХреЛ рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рд░реВрдк рдореЗрдВ рд╡реНрдпрд╛рдЦреНрдпрд╛ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд▓реЗрдХрд┐рди MIME рдкреНрд░рдХрд╛рд░ рдХреА рдЫрд╡рд┐/jpeg рдХреЗ рд╕рд╛рде рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛: " http://localhost/myproject/proxy.jsp?url=http%3A%2F%2Fi.ebayi тАжQYEAAMXQVERSuVtL%2F%24_1.JPG%3Fset_id%3D8800004005&callback= html2canvas_64"ред html2canvas.js:2264
рдЗрд╕ рд╕рдм рдХреЗ рдмрд╛рдж, рдореЗрд░рд╛ рдХреЙрд▓рдмреИрдХ рдлрд╝рдВрдХреНрд╢рди рдирд┐рд╖реНрдкрд╛рджрд┐рдд рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ рдФрд░ рдореИрдВ рдХреИрдирд╡рд╛рд╕ рдирд╣реАрдВ рдмрдирд╛ рд╕рдХрддрд╛ ..
рдХреНрдпрд╛ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ? рдХреНрдпрд╛ рдЖрдк рдХреГрдкрдпрд╛ рдорджрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?
рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рдж
@ Himakshi89 рдЖрдк рдПрдХ рд╣реА рд╕рдордп рдореЗрдВ proxy:
рдФрд░ userCORS:
рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░ рд╕рдХрддреЗред
рдкреНрд░реЙрдХреНрд╕реА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдкрд╕рдВрдж рдХрд░рддреЗ рд╣реИрдВред
рдиреЛрдЯ: рд╢рд░реАрд░ рдХреЛ рдкрдХрдбрд╝рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВред
рдЖрдкрдХреЗ рдХреЛрдб рдореЗрдВ рдЕрд▓реНрдкрд╡рд┐рд░рд╛рдо рд╢реЗрд╖ рд╣реИ:
},//this is wrong.
});
рдЖрдкрдХреЗ html2canvas рдХрд╛ рдХреМрди рд╕рд╛ рд╕рдВрд╕реНрдХрд░рдг?
рдпреЗ рдХреЛрд╢рд┐рд╢ рдХрд░реЗрдВ:
jQuery('body').html2canvas({
"onrendered": function(canvas) {
}
});
рдпрджрд┐ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ рддреЛ html2canvas рдХреЛ рдЗрд╕ https://github.com/niklasvh/html2canvas/releases/download/0.4.1/html2canvas.js рдкрд░ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕
html2canvas($("body").get(0), {
"logging": true,
"proxy": "http://localhost/myproject/proxy.jsp",
"onrendered": function(canvas) {
alert(canvas);
var url = canvas.toDataURL("image/png");
window.open(url, "_blank");
}
});
@brcontainer
рдирдорд╕реНрддреЗ
рдореИрдВрдиреЗ рдЕрдкрдирд╛ рдХреЛрдб рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░ рд▓рд┐рдпрд╛ рд╣реИ рдФрд░ рдЕрдм рдореИрдВ рдкреНрд░реЙрдХреНрд╕реА рд╕реЗ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рднреЗрдЬ рд░рд╣рд╛ рд╣реВрдВ
({"html2canvas_67":http://localhost/myproject/0.1651487380333363.jpg"})
рдХрдВрд╕реЛрд▓ рдореЗрдВ рдЕрдм рдХреЛрдИ рддреНрд░реБрдЯрд┐ рдирд╣реАрдВ рджрд┐рдЦрд╛рдИ рдЧрдИ рд╣реИред
рд▓реЗрдХрд┐рди рдЕрдм рдХреБрдЫ рдирд╣реАрдВ рд╣реЛрддрд╛.. рдХреНрдпрд╛ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП рдпрд╛ рдХреЛрдИ рдЬрдЧрд╣ рд╣реИ рдЬрд┐рд╕реЗ рдмрджрд▓рдиреЗ рдХреА рдЬрд░реВрд░рдд рд╣реИ?
рдХреГрдкрдпрд╛ рд╕рд╣рд╛рдпрддрд╛ рдХреАрдЬрд┐рдП
рд▓реЗрдХрд┐рди рдЬреИрд╕рд╛ рдХрд┐ рдХрдВрд╕реЛрд▓ рдХреБрдЫ рднреА рдирд╣реАрдВ рджрд┐рдЦрд╛ рд╕рдХрддрд╛ рд╣реИ
рдЖрдкрдиреЗ рдореЗрд░рд╛ рджреВрд╕рд░рд╛ рдирдореВрдирд╛ рдХреЛрдб рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд┐рдпрд╛? рдпрд╣ рдХрдВрд╕реЛрд▓ рдХреЛ рд▓реЙрдЧ рднреЗрдЬрддрд╛ рд╣реИред
рдкрд░реАрдХреНрд╖рдг рдХреЗ рд▓рд┐рдП рдЕрдкрдирд╛ рдХреЛрдб рдСрдирд▓рд╛рдЗрди рддрд░реАрдХрд╛ рдкреНрд░рджрд╛рди рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВред
рдЬреИрд╕рд╛ рдХрд┐ рд╕реБрдЭрд╛рд╡ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХрд┐ рдореИрдВрдиреЗ useCORS рдХреЛ рд╣рдЯрд╛ рджрд┐рдпрд╛ рдФрд░ html рдХреЛ рдмреЙрдбреА рд╕реЗ рдмрджрд▓ рджрд┐рдпрд╛
jQuery('body').html2canvas({
рдкреНрд░реЙрдХреНрд╕реА:" http://nisquare.dyndns.org :8087/facebook/proxy.jsp",
рд▓реЙрдЧрд┐рдВрдЧ: рд╕рдЪ ,
рдСрдирд░реЗрдВрдбрд░: рдлрд╝рдВрдХреНрд╢рди (рдХреИрдирд╡рд╛рд╕) {
var url = рдХреИрдирд╡рд╛рд╕.toDataURL ("рдЫрд╡рд┐/рдкреАрдПрдирдЬреА");
window.open(url, '_blank');
}
});
рдореБрдЭреЗ рдпрд╣ рднреА рдкреНрд░рд╛рдкреНрдд рд╣реЛ рд░рд╣рд╛ рд╣реИ рдпрд╣ рдореЗрд░рд╛ рдХрдВрд╕реЛрд▓ рд╣реИ
html2canvas: рд▓реЛрдб рдХрд░рдиреЗ рдореЗрдВ рддреНрд░реБрдЯрд┐ : http://cmsip.tradus.ibcdn.com/MOBMKXE29ULYUMKH_4902586_320x360.jpg html2canvas.js:21
рдореБрдЭреЗ рдЬреЛ рдорд┐рд▓ рд░рд╣рд╛ рд╣реИ рдЙрд╕рдХрд╛ рдПрдХ рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ рдореИрдВрдиреЗ рд╕рдВрд▓рдЧреНрди рдХрд┐рдпрд╛ рд╣реИ
рдЖрдкрдиреЗ https://github.com/niklasvh/html2canvas/releases/download/0.4.1/html2canvas.js рдбрд╛рдЙрдирд▓реЛрдб рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛
рдФрд░ рдпрд╣ рдХреЛрдб:
html2canvas($("body").get(0), {
"logging": true,
"proxy": "http://localhost/myproject/proxy.jsp",
"onrendered": function(canvas) {
alert(canvas);
var url = canvas.toDataURL("image/png");
window.open(url, "_blank");
}
});
рдпрд╛ рдирд╣реАрдВ?
рдиреЛрдЯ: http://nisquare.dyndns.org:8087/facebook/proxy.jsp
рдЯреВрдЯрд╛ рд╣реБрдЖ рд╣реИ!
рдореИрдВрдиреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдбрд╛рдЙрдирд▓реЛрдб рдХрд┐рдпрд╛ рдерд╛
рдореИрдВ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреЗ рд╕рд╛рде рдХреЛрдб рдХреЛ рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд░рддрд╛ рд╣реВрдВ
html2canvas($("body").get(0), {
рдкреНрд░реЙрдХреНрд╕реА:" http://nisquare.dyndns.org :8087/facebook/proxy.jsp",
рд▓реЙрдЧрд┐рдВрдЧ: рд╕рдЪ ,
рдСрдирд░реЗрдВрдбрд░: рдлрд╝рдВрдХреНрд╢рди (рдХреИрдирд╡рд╛рд╕) {
var url = рдХреИрдирд╡рд╛рд╕.toDataURL ("рдЫрд╡рд┐/рдкреАрдПрдирдЬреА");
window.open(url, '_blank');
}
});
рдореБрдЭреЗ рд▓рд┐рдВрдХ рдкрд░реАрдХреНрд╖рдг рднреЗрдЬреЗрдВ
рдореИрдВ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдпрд╣ рдХреНрд░реЛрдо рдПрдХреНрд╕рдЯреЗрдВрд╢рди рд╣реИ рдФрд░ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдЕрднреА рднреА рд╡рд┐рдХрд╛рд╕ рдореЛрдб рдореЗрдВ рд╣реИ
рдЬреЗрдПрд╕рдкреА рдХреЗ рд╕рд╛рде "рдХреНрд░реЛрдо рдПрдХреНрд╕рдЯреЗрдВрд╢рди"?
рдЬреЗрдПрд╕рдкреА рдХреЗрд╡рд▓ рдкреНрд░реЙрдХреНрд╕реА рднрд╛рдЧ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ .. рдЖрдкрдХреЗ рдЕрдиреБрд╕рд╛рд░ рдЕрдзрд┐рдХ рдмреЗрд╣рддрд░ рдХреНрдпрд╛ рд╣реИ?
рдХреНрд░реЛрдо-рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдЕрдиреНрдп "рдкреНрд░реЛрдЯреЛрдХреЙрд▓" рдФрд░ "рдлреНрд░реЗрдо" рдореЗрдВ рдЪрд▓рддрд╛ рд╣реИ, рдкреНрд░реЙрдХреНрд╕реА.рдЬреЗрдПрд╕рдкреА HTTP рдкреНрд░реЛрдЯреЛрдХреЙрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИред
рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛтАЛтАЛрд╣реИ рдХрд┐ рдХреНрд░реЛрдо-рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреЛ рдкреНрд░реЙрдХреНрд╕реА рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИред рдЗрд╕ рддрд░рд╣ рдкреНрд░рдпреЛрдЧ рдХрд░реЗрдВ:
html2canvas($("body").get(0), {
"logging": true,
"onrendered": function(canvas) {
alert(canvas);
var url = canvas.toDataURL("image/png");
window.open(url, "_blank");
}
});
рдкрдврд╝реЗрдВ: http://developer.chrome.com/extensions/tut_debugging.html
@brcontainer
рдЕрд░реЗ рдЗрд╕ рд╡рд┐рдЪрд╛рд░ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж .. рдЕрдм рд╣рдо рдХреНрд░реЛрдо рджреНрд╡рд╛рд░рд╛ рдкреНрд░рджрд╛рди рдХрд┐рдП рдЧрдП рдПрдкреАрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВред рдЗрд╕рдореЗрдВ рдПрдХ рдлрд╝рдВрдХреНрд╢рди рдХреНрд░реЛрдо рдХреИрдкреНрдЪрд░рд╡рд┐рдЬрд╝рд┐рдмрд▓рдЯреИрдм рд╣реИ рдЬреЛ рдмрд╣реБрдд рдЖрд╕рд╛рдиреА рд╕реЗ рд╣рд▓ рдХрд░рддрд╛ рд╣реИ рдпрд╛ рд╕рдорд╕реНрдпрд╛ рдХрд░рддрд╛ рд╣реИ :)
@ jgab-net рдмрд╣реБрдд рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рджред рддреНрд░реБрдЯрд┐ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рд▓рдВрдмрд╛ рдЦреЛрдЬрд╛ рдЧрдпрд╛
@ рд╕реБрдорд┐рдд8 (рд╡рд╛рдИ) рдЖрдкрдХрд╛ рд╕реНрд╡рд╛рдЧрдд рд╣реИ
@gitbala рдХреНрдпрд╛ рдЖрдкрдХреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рд╣реЛ рдЧрдпрд╛ рд╣реИ? @niklasvh рдХреНрдпрд╛ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдмрдВрдж рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ? (рдпрджрд┐ рдпрд╣ рдХрд╖реНрдЯрдкреНрд░рдж рд╣реИ рддреЛ рдореИрдВ рдмрдЧ рдЯреНрд░рд╛рдЗрдПрдЬ рдХреЗ рд╕рд╛рде рд░реБрдХ рдЬрд╛рдКрдВрдЧрд╛ .. :)
@usmonster рд╣рд░ рддрд░рд╣ рд╕реЗ рдЬрд╛рд░реА рд╣реИ, рдореБрдЭреЗ рдкреНрд░рддреНрдпреЗрдХ рдЦреБрд▓реЗ рдореБрджреНрджреЗ рдХреЛ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рд╕рдордп рдмрдЪрд╛рддрд╛ рд╣реИ :)
рд╣рд╛рдБ рдЗрд╕рдХрд╛ рд╕рдорд╛рдзрд╛рди :)
рд╕реЛрдо, рдкрд░ 4:11 AM 1 рд╕рд┐рддрдВ, 2014 рдкрд░ usmonster [email protected] рд▓рд┐рдЦрд╛ рд╣реИ:
@gitbala https://github.com/gitbala рдХреНрдпрд╛ рдЖрдкрдХреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рд╣реЛ рдЧрдпрд╛ рд╣реИ? @niklasvh
https://github.com/niklasvh рдХреНрдпрд╛ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдмрдВрдж рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ? (рдореИрдВ рдЗрд╕рдХреЗ рд╕рд╛рде рд░реБрдХреВрдВрдЧрд╛
рдмрдЧ рдЯреНрд░рд╛рдЗрдПрдЬ рдпрд╣ рдХрд╖реНрдЯрдкреНрд░рдж рд╣реИ .. :)-
рдЗрд╕ рдИрдореЗрд▓ рдХрд╛ рд╕реАрдзреЗ рдЙрддреНрддрд░ рджреЗрдВ рдпрд╛ рдЗрд╕реЗ GitHub рдкрд░ рджреЗрдЦреЗрдВ
https://github.com/niklasvh/html2canvas/issues/145#issuecomment -54047596
.
рдореИрдВ html2canvas рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ - рд╕реНрдерд╛рдиреАрдп рдЫрд╡рд┐ рдкреАрдбреАрдПрдл рдореЗрдВ рдкреНрд░рд╕реНрддреБрдд рдирд╣реАрдВ рд╣реЛ рд░рд╣реА рд╣реИред рдЗрд╕рдХрд╛ рд╕рдорд╛рдзрд╛рди рдХреНрдпрд╛ рд╣реИ?
@niklasvh рдХреГрдкрдпрд╛ рдорджрдж рдХрд░реЗрдВ - рдПрдЪрдЯреАрдПрдордПрд▓ рдореЗрдВ рд▓реЛрдЧреЛ рдЫрд╡рд┐ рдкреАрдбреАрдПрдл рдореЗрдВ рдкреНрд░рд╕реНрддреБрдд рдирд╣реАрдВ рд╣реЛ рд░рд╣реА рд╣реИ
": рдореИрдВ рдЬрдм рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдЗрдирд▓рд╛рдЗрди image.how" рдкреНрд░реЙрдХреНрд╕реА "рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдореЗрдВ рд╡рд┐рдлрд▓ рд░рд╣рд╛ http: //localhost/myproject/proxy.jsp ", рдореИрдВ Vue рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рдЬрд╣рд╛рдВ рдЗрд╕ jsp рдбрд╛рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдФрд░ рдореИрдВ рдХреИрд╕реЗ @niklasvh рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкрддрд╛ рдирд╣реАрдВ рд╣реИ рдпрд╣ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдЖрдк рдорджрдж?
@qiuyaofan рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реЛрдиреЗ рдкрд░ рдХреНрдпрд╛ рдЖрдкрдХреЛ рд╕рдорд╛рдзрд╛рди рдорд┐рд▓рд╛? рдореИрдВ рдЗрд╕реЗ рдХреЛрдгреАрдп 2 рдХреЗ рд╕рд╛рде рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдЕрдиреНрдп рд╕рд░реНрд╡рд░ рд╕реЗ рдЫрд╡рд┐рдпрд╛рдВ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд░рд╣рд╛ рд╣реВрдВред @gitbala рдХреНрдпрд╛ рдЖрдкрдХреЛ рд╕рдорд╛рдзрд╛рди рдорд┐рд▓рд╛?
+1 рдмреАрдЯреАрдбрдмреНрд▓реНрдпреВ рд▓реЙрдЧ рдЕрдЪреНрдЫреЗ рд▓рдЧрддреЗ рд╣реИрдВ ( html2canvas: Images loaded, starting parsing
) рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдЕрднреА рднреА рдкреАрдбреАрдПрдл рдкрд░ рдЫрд╡рд┐рдпрд╛рдВ рдирд╣реАрдВ рджрд┐рдЦ рд░рд╣реА рд╣реИрдВред
рдореИрдВ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ
рдЕрдиреБрдорддрд┐ рджреЗрдВ: рд╕рдЪ рд╣реИ,
рдХреЙрд░реНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ: рд╕рдЪ,
рдЯреЗрдВрдЯрдЯреЗрд╕реНрдЯ: рдЭреВрдард╛,
@NikhilRadadiya @qiuyaofan рджреЛрд╕реНрддреЛрдВ, рдПрдХ
html2canvas(element, {
"logging": true, //Enable log (use Web Console for get Errors and Warings)
useCORS: true,
taintTest: false,
onrendered: function(canvas) {
var img = new Image();
img.onload = function() {
document.body.appendChild(img);
};
img.error = function() {
if(window.console.log) {
window.console.log("Not loaded image from canvas.toDataURL");
} else {
alert("Not loaded image from canvas.toDataURL");
}
};
img.src = canvas.toDataURL("image/png");
}
});
рдЗрд╕рд▓рд┐рдП рдХрд┐рд╕реА рдкреНрд░реЙрдХреНрд╕реА рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЧрдпрд╛ред
@creepteed рдореЗрд░реЗ рдкрд╛рд╕ рдЕрдиреНрдп рддрддреНрд╡ рд╣реИрдВ рдЬрд┐рдиреНрд╣реЗрдВ рдореБрдЭреЗ рдХреИрдирд╡рд╛рд╕ рдореЗрдВ рдмрджрд▓рдиреЗ рдФрд░ рдлрд┐рд░ рдкреАрдбреАрдПрдл рдореЗрдВ рд╕рд╣реЗрдЬрдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рдореЗрд░реЗ рдПрдЪрдЯреАрдПрдордПрд▓ рдореЗрдВ рдХреЗрд╡рд▓ рдЫрд╡рд┐рдпрд╛рдВ рдирд╣реАрдВ рд╣реИрдВ, рдЕрдЧрд░ рдРрд╕рд╛ рд╣реИ рддреЛ рдореИрдВ рдЖрдкрдХреЗ рджреНрд╡рд╛рд░рд╛ рдкреЛрд╕реНрдЯ рдХрд┐рдП рдЧрдП рдЙрдкрд░реЛрдХреНрдд рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреИрд╕реЗ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ?
рд╣рд╛рдп @niklasvh ,
рдореИрдВ htmltocanvas рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╡реЗрдмрдкреЗрдЬ рдкрд░ рдХрдмреНрдЬрд╛ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рд╕рдм рдареАрдХ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЬрдм рдореИрдВ рд╡реЗрдмрдкреЗрдЬ рдкрд░ рдХрдмреНрдЬрд╛ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рддреЛ рдореБрдЭреЗ рдЪрд┐рддреНрд░ рдирд╣реАрдВ рдорд┐рд▓ рд░рд╣реЗ рд╣реИрдВред
рдХреНрдпрд╛ рдЖрдк рдореЗрд░реА рдорджрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?
рдпрд╣рд╛рдБ рдореЗрд░рд╛ рдХреЛрдб рд╣реИ:
function capture(div_id=null) {
jQuery(".screenshot_row_target").html2canvas({
logging: true, //taintTest : true, //proxy: "https://skeleton-21.myshopify.com", onrendered: function (canvas) { jQuery('#screenshot_img_val').val(canvas.toDataURL("image/png")); //document.getElementById("screenshot_html_form").submit(); } }); }
рдХрдВрд╕реЛрд▓ рдореЗрдВ, рдореБрдЭреЗ рдпрд╣ рдорд┐рд▓ рд░рд╣рд╛ рд╣реИ
html2canvas: Preload starts: finding background-images
html2canvas.js:19 html2canvas: Preload: Finding images
html2canvas.js:19 html2canvas: Preload: Done.
html2canvas.js:19 html2canvas: start: images: 0 / 0 (failed: 0)
html2canvas.js:19 Finished loading images: # 0 (failed: 0)
html2canvas.js:19 html2canvas: Error loading <img>://cdn.shopify.com/s/files/1/2186/4293/files/user2_300x300.png?v=1503661428
html2canvas.js:19 html2canvas: Error loading background:
html2canvas.js:19 html2canvas: Error loading <img>://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_300x300.gif
html2canvas.js:19 html2canvas: Renderer: Canvas renderer done - returning canvas obj
рдзрдиреНрдпрд╡рд╛рджред
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдФрд░ рдпрд╣ рдХрд╛рдо рдХрд░ рдЧрдпрд╛ !!, рдХреЗрд╡рд▓ рдореБрдЭреЗ "рдкреГрд╖реНрдарднреВрдорд┐-рдЖрдХрд╛рд░: 100% 100%" рд░рдЦрдирд╛ рд╣реЛрдЧрд╛; "рдкреГрд╖реНрдарднреВрдорд┐-рдЖрдХрд╛рд░: рдХрд╡рд░;" рдХреЗ рдмрдЬрд╛рдп