рдЪреВрдВрдХрд┐ html2canvas рдФрд░ html2canvas.svg рдХреЛ UMD рдХреЗ рд░реВрдк рдореЗрдВ рдмрдВрдбрд▓ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП window.html2canvas рдЙрди рдЕрдиреБрдкреНрд░рдпреЛрдЧреЛрдВ рдореЗрдВ рдЕрдкрд░рд┐рднрд╛рд╖рд┐рдд рд╣реЛрдЧрд╛ рдЬреЛ рдореЙрдбреНрдпреВрд▓ рд▓реЛрдбрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВред
рдкрд░рд┐рдгрд╛рдорд╕реНрд╡рд░реВрдк рдЖрдкрдХреЛ рдПрдХ рдорд┐рд▓рддрд╛ рд╣реИ
"рдЕрдкрд░рд┐рднрд╛рд╖рд┐рдд рдпрд╛ рд╢реВрдиреНрдп рд╕рдВрджрд░реНрдн рдХреА рд╕рдВрдкрддреНрддрд┐ 'svg' рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде"
рдЖрдИрдИ рдореЗрдВ рддреНрд░реБрдЯрд┐, рдЬрдм рднреА рдпрд╣ рдХрдкрдбрд╝реЗ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реИред
рдПрдХ рдПрдПрдордбреА рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб:
require(["html2canvas", "html2canvas.svg"], function(html2canvas, svg) {
window.html2canvas = {
svg: svg
};
рдФрд░ рдпрджрд┐ рдЖрдк рдмреЗрдмреЗрд▓/es6 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ:
import html2canvas from 'html2canvas';
window.html2canvas = {
svg: html2canvas.svg
};
рдРрд╕рд╛ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рдФрд░ рдореБрдЭреЗ рдПрдХ рдЦрд╛рд▓реА рдЫрд╡рд┐ рдорд┐рд▓ рд░рд╣реА рд╣реИ..рдЗрд╕рдХрд╛ рдХреНрдпрд╛ рдХрд╛рд░рдг рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдЗрд╕рдХрд╛ рдХреЛрдИ рд╡рд┐рдЪрд╛рд░?
рдореИрдВ рд╕рдВрд╕реНрдХрд░рдг 0.5.0-рдмреАрдЯрд╛4 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдФрд░ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ:
html2canvas(captureTarget, {
allowTaint: true
}).then(canvas => {
let imagex64 = canvas.toDataURL(); });
рдЬрдм рдореИрдВ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рддрд╛ рд╣реВрдВ рдХрд┐ рдЫрд╡рд┐ рдЦрд╛рд▓реА рд╣реИред
рдПрдордПрд╕рдЖрдИрдИ 11.1 рдореЗрдВ рдореЗрд░рд╛ рдПрдХ рд╣реА рдореБрджреНрджрд╛ рдерд╛, рд▓реЗрдХрд┐рди рдХреНрд░реЛрдо рдореЗрдВ рдРрд╕рд╛ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИред
рдирд┐рдпрд░рд╡реБрдб рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдкрд░ рдПрдХ рдкреНрд░рдХрд╛рд░ рддреНрд░реБрдЯрд┐ рдХреЛ рд░реЛрдХрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдПрд╕рд╡реАрдЬреА рдареАрдХ рд╕реЗ рдкреНрд░рд╕реНрддреБрдд рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВ:
import * as html2canvas from 'html2canvas';
(window as any).html2canvas = {
svg: html2canvas.svg
};
@niklasvh , рдЖрдкрдиреЗ рдЗрд╕реЗ рдмрдВрдж рдХреНрдпреЛрдВ рдХрд┐рдпрд╛? рдХреНрдпрд╛ рдпрд╣ рд╕реЛрдЪрд╛ рддрдп рд╣реИ? рдореБрдЭреЗ рдЗрд╕ рдореБрджреНрджреЗ рдХрд╛ рд╕рдВрджрд░реНрдн рджреЗрдиреЗ рд╡рд╛рд▓рд╛ рдХреЛрдИ рднреА рдХрд╛рдо рдирд╣реАрдВ рджрд┐рдЦ рд░рд╣рд╛ рд╣реИ: рдХреНрдпрд╛ рдЖрдкрдХреЗ рдкрд╛рд╕ рдХреНрд░реЛрдо рдореЗрдВ рдЗрд╕реЗ рддрдп рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рд▓рд┐рдВрдХ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореИрдВ рджреЗрдЦ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдЕрднреА рднреА рдПрдордПрд╕рдЖрдИрдИ рдореЗрдВ рдХреНрдпреЛрдВ рдЯреВрдЯрд╛ рд╣реБрдЖ рд╣реИ?
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдкрд░рд┐рдгрд╛рдорд╕реНрд╡рд░реВрдк рдЖрдкрдХреЛ рдПрдХ рдорд┐рд▓рддрд╛ рд╣реИ
рдЖрдИрдИ рдореЗрдВ рддреНрд░реБрдЯрд┐, рдЬрдм рднреА рдпрд╣ рдХрдкрдбрд╝реЗ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реИред
рдПрдХ рдПрдПрдордбреА рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб: