Html2canvas: рдЖрдИрдИ 11 рдЕрдВрдХ, рддреНрд░реБрдЯрд┐: рдзреНрдпрд╛рди рдореЗрдВ рди рдЖрдпрд╛ (рд╡рд╛рджреЗ рдореЗрдВ): рддреНрд░реБрдЯрд┐: рд╕рджрд╕реНрдп рдирд╣реАрдВ рдорд┐рд▓рд╛ред

рдХреЛ рдирд┐рд░реНрдорд┐рдд 8 рдЬрдире░ 2018  ┬╖  36рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: niklasvh/html2canvas

рддреНрд░реБрдЯрд┐ рдорд┐рд▓реА: "html2canvas $npm_package_versionред рддреНрд░реБрдЯрд┐: рдзреНрдпрд╛рди рдореЗрдВ рди рдЖрдпрд╛ (рд╡рд╛рджреЗ рдореЗрдВ): рддреНрд░реБрдЯрд┐: рд╕рджрд╕реНрдп рдирд╣реАрдВ рдорд┐рд▓рд╛ред"
рдЬрдм рдореИрдВ рдХреИрдирд╡рд╛рд╕ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВред

рдХреЛрдб:
html2canvas(document.querySelector("#capture")).then(function (рдХреИрдирд╡рд╛рд╕) {
рдХрдВрд╕реЛрд▓.рд▓реЙрдЧ (рдХреИрдирд╡рд╛рд╕);
document.getElementById('here-appear-theimages').appendChild(canvas);
});
рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛:
рдХреЛрдгреАрдп рд╕рдВрд╕реНрдХрд░рдг: 4.0.1
рдУрдПрд╕: рд╡рд┐рдВрдбреЛ 10
рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛: https://cdn.jsdelivr.net/npm/es6-promise/dist/es6-promise.auto.js
рд╕рдВрд▓рдЧреНрди рддреНрд░реБрдЯрд┐ рд╕реНрдХреНрд░реАрдирд╢реЙрдЯред

error_ie_11

Needs More Information

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдареАрдХ рдХрд░ рджрд┐рдпрд╛!!
node_modules/html2canvas/dist/html2canvas.js рдЦреЛрд▓реЗрдВ
if (rule && rule.cssText)
рдФрд░ рдЗрд╕реЗ if (rule && typeof rule.cssText === 'string') рдмрджрд▓реЗрдВ
рдЗрд╕рдиреЗ рдЖрдИрдИ 11 рдореЗрдВ рдореЗрд░реЗ рд▓рд┐рдП рд╕рдорд╕реНрдпрд╛ рддрдп рдХреА :)

рд╕рднреА 36 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореИрдВрдиреЗ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╡рд╛рджрд╛ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЗ рд▓рд┐рдП рдПрдХ рд▓рд┐рдВрдХ рдЬреЛрдбрд╝рд╛ рдФрд░ рдпрд╣ рд╣рдорд╛рд░реЗ рд▓рд┐рдП рдЖрдИрдИ 11 рдХреЛ рдареАрдХ рдХрд░рдиреЗ рд▓рдЧ рд░рд╣рд╛ рдерд╛ред
https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js

рддреНрд░реБрдЯрд┐ рдХреЛ рдкреБрди: рдЙрддреНрдкрдиреНрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреЛрдб рдХреЗ рдмрд┐рдирд╛ рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдорджрдж рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ред

рд╣рд╛рдп @niklasvh ,

рдпрд╣ рдбреЗрдореЛ рдирдореВрдирд╛ рд╣реИ рдЬрд┐рд╕реЗ рдореИрдВрдиреЗ GitHub рдкрд░ рд╣реЛрд╕реНрдЯ рдХрд┐рдпрд╛ рд╣реИ рдЖрдк рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ - GitHub Html2Canvas Demo

рдпрджрд┐ рдЖрдк рджреЗрдЦрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рддреЛ рдкреВрд░рд╛ рдХреЛрдб рдЬреАрдердм рдкрд░ рднреА рдЕрдкрд▓реЛрдб рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ: рдХреЛрдб рдкреИрдХреЗрдЬ

рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреИрд╕реЗ рдЪрд▓рд╛рдПрдВ:
1) рдкреИрдХреЗрдЬ рдЦреЛрд▓рдирд╛
2) рд░рди рдХрдорд╛рдВрдб: рдирд┐рд░реНрднрд░рддрд╛ рд╕реНрдерд╛рдкрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ рд╕реЗ "рдПрдирдкреАрдПрдо рдЗрдВрд╕реНрдЯреЙрд▓"
3) рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХрдорд╛рдВрдб рдЪрд▓рд╛рдиреЗ рдХреЗ рд▓рд┐рдП: "npm start"

рд╣рд╛рдп @ рдЬреЗрд▓реНрдХрд┐рдВрд╕ 8 ,

рдореИрдВрдиреЗ рдЗрд╕ рд╕рдорд╛рдзрд╛рди рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рд╣реИ рд▓реЗрдХрд┐рди рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИред
рдпрд╣ рдбреЗрдореЛ рдирдореВрдирд╛ рд╣реИ рдЬрд┐рд╕реЗ рдореИрдВрдиреЗ GitHub рдкрд░ рд╣реЛрд╕реНрдЯ рдХрд┐рдпрд╛ рд╣реИ рдЖрдк рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ - GitHub Html2Canvas Demo

рдзрдиреНрдпрд╡рд╛рдж

рд╣рд╛рдп @niklasvh ,
рдореИрдВрдиреЗ рднреА IE11 рдореЗрдВ рд╕рдлрд▓рддрд╛ рдХреЗ рдмрд┐рдирд╛ es6-рд╡рд╛рджрд╛ рдФрд░ рдмреНрд▓реВрдмрд░реНрдб рдХреЗ рд╕рд╛рде рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛ рд╣реИ, рдпрд╣ рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдореЗрд░реЗ рд▓рд┐рдП IE рдореЗрдВ GitHub Html2Canvas рдбреЗрдореЛ рднреА рд╡рд┐рдлрд▓ рд░рд╣рддрд╛ рд╣реИред
рдореБрдЭреЗ html2canvas: Error: Member not found. рдмрд╛рдж Possible Unhandled Promise Rejection: Error: Member not found.
рдзрдиреНрдпрд╡рд╛рдж!

рдЕрджреНрдпрддрди, рдмреНрд▓реВрдмрд░реНрдб рдкреЙрд▓реАрдлрд╝рд┐рд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдореЗрд░рд╛ рд╕реНрдЯреИрдХ рдЯреНрд░реЗрд╕ рд╣реИ:

Error: Member not found.
at Anonymous function (eval code:213:21)
   at createElementClone (eval code:212:17)
at cloneNode (eval code:225:13)
at cloneNode (eval code:248:25)
at cloneNode (eval code:248:25)
 at DocumentCloner (eval code:53:9)
at cloneWindow (eval code:505:5)
at Anonymous function (eval code:53:9)
at r (https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js:31:6804)
at r.prototype._settlePromiseFromHandler (https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js:30:12222)

рдореБрдЭреЗ html2canvas рдХреЗ рд▓рд┐рдП рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдирд╛ рдкрдбрд╝ рд░рд╣рд╛ рд╣реИ: рдЖрдИрдИ рдХреЗ рд▓рд┐рдП рд╕рджрд╕реНрдп рдирд╣реАрдВ рдорд┐рд▓рд╛ред
рдХреНрд░реЛрдо рдХреЗ рд▓рд┐рдП рдпрд╣ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдареАрдХ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИред
рдЕрдЧрд░ рдХреЛрдИ рд╕рдорд╛рдзрд╛рди рд╣реИ рддреЛ рдХреГрдкрдпрд╛ рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВред рдзрдиреНрдпрд╡рд╛рдж

рдореИрдВрдиреЗ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдкреБрди: рдкреЗрд╢ рдХрд┐рдпрд╛ рд╣реИ рдФрд░ рдХрд╛рд░рдг рдХрд╛ рдкрддрд╛ рд▓рдЧрд╛рдпрд╛ рд╣реИ, рдпрд╣ createElementClone рдлрд╝рдВрдХреНрд╢рди рдореЗрдВ рд╣реЛрддрд╛ рд╣реИ рдЬрдм рдпрд╣ cssText рд╕рдВрдкрддреНрддрд┐ рддрдХ рдкрд╣реБрдВрдЪрдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддрд╛ рд╣реИ, рдХрд┐рд╕реА рдХрд╛рд░рдг рд╕реЗ рдлрд╝реЙрдиреНрдЯ-рднрдпрд╛рдирдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп, fa-spin рд╡рд╛рд▓рд╛ рдПрдХ рддрддреНрд╡

рдирд┐рдореНрдирд╛рдиреБрд╕рд╛рд░ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ:

if (node instanceof HTMLStyleElement && node.sheet && node.sheet.cssRules) {
              var style = node.cloneNode(false);
                  var css = [].slice.call(node.sheet.cssRules, 0).reduce(function (css, rule) {
                    try {
                      if (rule && rule.cssText) {
                        return css + rule.cssText;
                      }
                      return css;
                    } catch (err) {
                      _this3.logger.log('Unable to access cssText property', rule.name);
                    }
                  }, '');
                  style.textContent = css;

                return style;
            }

рдХреЛрд╢рд┐рд╢ рдкрд░ рдзреНрдпрд╛рди рджреЗрдВ...рдкрдХрдбрд╝реЗрдВред

рдореИрдВ рдПрдХ рдкреАрдЖрд░ рдмрдврд╝рд╛рдКрдВрдЧрд╛ред

рдРрд╕рд╛ рдкреНрд░рддреАрдд рд╣реЛрддрд╛ рд╣реИ рдХрд┐ Firefox 58.0.0 (Linux 0.0.0) /tests/reftests/background/radial-gradient2.html Should render untainted canvas FAILED @niklasvh рдореЗрдВ рдкреНрд░рддрд┐рдЧрдорди рдХрд╛ рдХрд╛рд░рдг

рдзрдиреНрдпрд╡рд╛рдж

рд╣рд╛рдп @niklasvh ,
рдХреНрдпрд╛ рдЖрдкрдХреЗ рдкрд╛рд╕ рдЗрд╕рдХрд╛ рдХреЛрдИ рд╕рдорд╛рдзрд╛рди рд╣реИ, рдХреНрдпрд╛ рдХреЛрдИ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рджреЗрдЦ рд░рд╣рд╛ рд╣реИ?

рдзрдиреНрдпрд╡рд╛рдж

рд╣рд╛рдп @ рдкреНрд░рднрд╛рдд 2404 , рдореИрдВрдиреЗ https://github.com/niklasvh/html2canvas/pull/1415 рдореЗрдВ рдЬреЛ рдлрд┐рдХреНрд╕ рдкреНрд░рд╕реНрддрд╛рд╡рд┐рдд рдХрд┐рдпрд╛ рд╣реИ, рд╡рд╣ рдореЗрд░реЗ рд▓рд┐рдП рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рд╣рд╛рд▓рд╛рдБрдХрд┐ рдпрд╣ рд░реЗрдбрд┐рдпрд▓ рдЧреНрд░реЗрдбрд┐рдПрдВрдЯ рдкрд░реАрдХреНрд╖рдгреЛрдВ рдореЗрдВ рд╕реЗ рдПрдХ рдХреЛ рд╡рд┐рдлрд▓ рдХрд░рддрд╛ рд╣реИ, рдЬрд┐рд╕реЗ рдореИрдВрдиреЗ @niklasvh рд╕реЗ рдкреВрдЫрд╛ рд╣реИ рдХ рдирдЬрд╝рд░ рддреЛ рдбрд╛рд▓реЛред рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдПрдлрдП-рд╕реНрдкрд┐рди рдореЗрдВ рдлрд╝реЙрдиреНрдЯ-рднрдпрд╛рдирдХ рдЖрдЗрдХрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдореЗрд░реЗ рд▓рд┐рдП рд╕рдорд╕реНрдпрд╛ рдЙрддреНрдкрдиреНрди рд╣реЛрддреА рд╣реИред

рд╡рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ

рдпрджрд┐ рд╣рдо html рдХреЛрдб рдкреНрд░рд┐рдВрдЯ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддреЗ рд╣реИрдВ рддреЛ IE рдХреЗ рд▓рд┐рдП рд╕рдорд╕реНрдпрд╛ рдЕрднреА рднреА рдореМрдЬреВрдж рд╣реИред
рдХреНрдпрд╛ рдкреБрд╕реНрддрдХрд╛рд▓рдп рд╕реНрд░реЛрдд рдХреЛрдб рдХреЛ рд╕рдВрд╢реЛрдзрд┐рдд рди рдХрд░рдиреЗ рдФрд░ рд╕рдорд╕реНрдпрд╛ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рд╕рдорд╛рдзрд╛рди рд╣реИ?

+1

+1

+1

рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдорджрдж рдХрд░рддрд╛ рд╣реИ!

@evgenyjam рдЙрд╕ рд╕рдорд╛рдзрд╛рди рдореЗрдВ рдЕрднреА рднреА рдПрдХ рдмрдЧ рд╣реИ, рдЖрдкрдХреЛ рдХрдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкреНрд░рд╛рд░рдВрднрд┐рдХ рдорд╛рди рдХреЗ рд░реВрдк рдореЗрдВ рдПрдХ рдЦрд╛рд▓реА рд╕реНрдЯреНрд░рд┐рдВрдЧ рдЬреЛрдбрд╝рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред

рдореИрдВрдиреЗ рдкреАрдЖрд░ рдкрд░ рдЗрд╕рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдХрд┐рдпрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рд▓реЗрдЦрдХ рдиреЗ рдЗрд╕реЗ рдЕрднреА рддрдХ рдЕрдкрдбреЗрдЯ рдирд╣реАрдВ рдХрд┐рдпрд╛ рд╣реИред рд▓реЗрдХрд┐рди рдЙрд╕ рдмрджрд▓рд╛рд╡ рдХреЗ рд╕рд╛рде рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

@cyouden рдЗрд╕ рддрд░рд╣?
.reduce (("", рд╕реАрдПрд╕рдПрд╕, рдирд┐рдпрдо) => {

@BrunoMarc рдирд╣реАрдВ, рдпрд╣ рдХрдо рдХрд░рдиреЗ рдХрд╛ рдЕрдВрддрд┐рдо рддрд░реНрдХ рд╣реИ, рдЗрд╕рд▓рд┐рдП:
.reduce ((рд╕реАрдПрд╕рдПрд╕, рдирд┐рдпрдо) => {/* рдХреЛрдб */}, "")

(рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдХреЛрдб рдХреЛ рдЙрд╕ рдЕрдВрддрд░ рдореЗрдВ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рдкреНрд░рд╕реНрддрд╛рд╡рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдпрд╣ рд╕рд╣реА рдврдВрдЧ рд╕реЗ рдХрдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкреНрд░рд╛рд░рдВрднрд┐рдХ рдорд╛рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИред)

@cyouden рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж! рдореИрдВрдиреЗ рдЗрд╕ рдХреЛрдб рдХреЛ html2canvas.js рдореЗрдВ рдбрд╛рд▓рд╛ рд╣реИ рд▓реЗрдХрд┐рди рд╕рджрд╕реНрдп рдирд╣реАрдВ рдорд┐рд▓рд╛ рдЕрднреА рднреА рдХрд╛рдпрдо рд╣реИ, рдХреЛрдИ рд╡рд┐рдЪрд╛рд░?
рдЕрдЧрд░ (HTMLStyleElement && node.sheet && node.sheet.cssRules рдХрд╛ рдиреЛрдб рдЙрджрд╛рд╣рд░рдг) {
рдХрд╛рд╕реНрдЯ рд╕реАрдПрд╕рдПрд╕ = []ред рдЯреБрдХрдбрд╝рд╛
рдХреЙрд▓ (рдиреЛрдб.рд╢реАрдЯ.рд╕реАрдПрд╕рдПрд╕ рдирд┐рдпрдо, 0)
рдХрдо рдХрд░реЗрдВ ((рд╕реАрдПрд╕рдПрд╕, рдирд┐рдпрдо) => {
рдкреНрд░рдпрддреНрди {
рдЕрдЧрд░ (рдирд┐рдпрдо && рдирд┐рдпрдо.cssText) {
рд╡рд╛рдкрд╕реА рд╕реАрдПрд╕рдПрд╕ + рдирд┐рдпрдо.cssText;
}
рд╡рд╛рдкрд╕реА рд╕реАрдПрд╕рдПрд╕;
} рдкрдХрдбрд╝реЛ (рдЧрд▓рддреА) {
this.logger.log ('cssText рд╕рдВрдкрддреНрддрд┐ рддрдХ рдкрд╣реБрдБрдЪрдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде', рдирд┐рдпрдо.рдирд╛рдо);
рд╡рд╛рдкрд╕реА рд╕реАрдПрд╕рдПрд╕;
}
}, '');
рдХреЙрдиреНрд╕реНрдЯ рд╕реНрдЯрд╛рдЗрд▓ = рдиреЛрдб.рдХреНрд▓реЛрдиреЛрдб (рдЭреВрдард╛);
Style.textContent = css;
рд╡рд╛рдкрд╕реА рд╢реИрд▓реА;
}

@BrunoMarc рдХреЛрдИ рд╡рд┐рдЪрд╛рд░ рдирд╣реАрдВ, рдпрд╣ рдкрд░рд┐рд╡рд░реНрддрди рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкрд░реНрдпрд╛рдкреНрдд рдерд╛ред

рдЕрд░реЗ - рдкрд╛рд░реНрдЯреА рдореЗрдВ рджреЗрд░ рд╕реЗ рдЖрдиреЗ рдХреЗ рд▓рд┐рдП рдЦреЗрдж рд╣реИ, рдореИрдВрдиреЗ рдЕрднреА рдХрдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдЦрд╛рд▓реА рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЗ рд╕рд╛рде рдПрдХ рдмрджрд▓рд╛рд╡ рдХрд┐рдпрд╛ рд╣реИ, рдЬреИрд╕рд╛ рдХрд┐ рд╕реБрдЭрд╛рд╡ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдЗрд╕рд╕реЗ рдорджрдж рдорд┐рд▓рддреА рд╣реИ!
рдЪрд┐рдпрд░реНрд╕

@niklasvh @BrunoMarc @cyouden рдЕрдЪреНрдЫреА рдЦрдмрд░ рд╣реИ рдХрд┐ рдирд┐рд░реНрдорд╛рдг рдкреАрдЖрд░ рдХреЗ рд▓рд┐рдП рдЧреБрдЬрд░ рд░рд╣рд╛ рд╣реИ
рдХреНрд╖рдорд╛ рдХрд░реЗрдВ, рдореИрдВрдиреЗ рдкрд╣рд▓реЗ рдЕрдкрдбреЗрдЯ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдерд╛, рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЛ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд░рдиреЗ рд╕реЗ рдЖрдЧреЗ рдмрдврд╝ рдЧрдпрд╛ рдерд╛, рдореИрдВ рдЗрд╕реЗ рд╕реНрдкрд╛рдЗрдХ рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдмрдЧ рдореЗрдВ рдЖрдКрдВрдЧрд╛ред рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдЗрд╕рд╕реЗ рд╕рд╣рд╛рдпрддрд╛ рдорд┐рд▓реЗрдЧреА!

@simonpinn рдореИрдВ рдЕрдкрдиреЗ рдХреЛрдгреАрдп 4 рдХреЛрдб рдХреЗ рд▓рд┐рдП html2canvas-1.0.0-alpha.10 рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдореБрдЭреЗ рд╕рднреА рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдореЗрдВ рдирд┐рдореНрди рддреНрд░реБрдЯрд┐ рдорд┐рд▓ рд░рд╣реА рд╣реИред рдФрд░ html рдХрд╛ рдХреЗрд╡рд▓ рдПрдХ рд╣рд┐рд╕реНрд╕рд╛ рдкреНрд░рд┐рдВрдЯ рд╣реЛ рд░рд╣рд╛ рд╣реИред

34487ms html2canvas: html2canvas $npm_package_version
core.js:1427 рддреНрд░реБрдЯрд┐ рддреНрд░реБрдЯрд┐: рдзреНрдпрд╛рди рдореЗрдВ рди рдЖрдпрд╛ (рд╡рд╛рджреЗ рдореЗрдВ): рдЕрдкрд░рд┐рднрд╛рд╖рд┐рдд
рд╕рдВрдХрд▓реНрдк рдкрд░ рд╡рд╛рджрд╛ (zone.js:824)
рд╕рдВрдХрд▓реНрдк рдкрд░ рд╡рд╛рджрд╛ (zone.js:795)
eval рдкрд░ (zone.js:873)
ZoneDelegate.invokeTask рдкрд░ (zone.js:425)
Object.onInvokeTask рдкрд░ (core.js:4747)
ZoneDelegate.invokeTask рдкрд░ (zone.js:424)
Zone.runTask рдкрд░ (zone.js:192)
рдбреНрд░реЗрдирдорд╛рдЗрдХреНрд░реЛрдЯрд╛рд╕реНрдХрдХреНрдпреВ рдкрд░ (zone.js:602)
ZoneTask.invokeTask рдкрд░ [рдЗрдирд╡реЛрдХ рдХреЗ рд░реВрдк рдореЗрдВ] (zone.js:503)
InvokeTask рдкрд░ (zone.js:1540)
defaultErrorLogger @ core.js:1427
ErrorHandler.handleError @ core.js:1488
Logger.js:36 83270ms html2canvas: рдиреЛрдб рдЯреНрд░реА рдХреЛ рдкрд╛рд░реНрд╕ рдХрд░рдирд╛ рд╕рдорд╛рдкреНрдд рдХрд┐рдпрд╛ рдЧрдпрд╛
рд▓рдВрдмрд╛рдИ рдХреЗ рд▓рд┐рдП рджрд┐рдпрд╛ рдЧрдпрд╛ рдЕрдорд╛рдиреНрдп рдорд╛рди: "рдСрдЯреЛ"

@simonpinn рдореИрдВ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдБред рдХреНрдпрд╛ tyscript (рдХреЛрдгреАрдп 4) рдХреЛрдб рдореЗрдВ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг 1.0.0-alpha.10 рдХреЗ рд╕рд╛рде рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рд╣реИ? рдХреНрдпрд╛ рдЖрдк рдХреГрдкрдпрд╛ рд╕рдорд╛рдзрд╛рди рдХреЗ рд╕рд╛рде рдореЗрд░реА рдорджрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдореБрдЭреЗ рдмрд╣реБрдд рдЬрд░реВрд░рдд рд╣реИред

image

@bandacs рдпрд╣ рдореБрджреНрджрд╛ рдмрд┐рдирд╛ рдХрд┐рд╕реА рд╡рд╛рджреЛрдВ рдХреЗ рдЖрдИрдИ 11 рддреНрд░реБрдЯрд┐ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╣реИ, рдЕрдЧрд░ рдЖрдкрдХреЛ рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рд╣реЛ рд░рд╣реА рд╣реИ, рддреЛ рдХреГрдкрдпрд╛ рдЕрд▓реНрдлрд╛.10 рдмрд┐рд▓реНрдб рдХреЗ рдЦрд┐рд▓рд╛рдл рдПрдХ рдореБрджреНрджрд╛ рдЙрдард╛рдПрдВред

рдзрдиреНрдпрд╡рд╛рдж

@simonpinn @cyouden
рдЙрдкрд░реЛрдХреНрдд рджреЛрд╖ рдХреЗ рдмрд╛рджред рдореБрдЭреЗ рдХреНрд░реЛрдо рдФрд░ рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХреЗ рд▓рд┐рдП рджреВрд╕рд░реА рд▓рд╛рдЗрдмреНрд░реЗрд░реА (рдбреЛрдо-рдЯреВ-рдЗрдореЗрдЬ) рдорд┐рд▓реАред рд▓реЗрдХрд┐рди рдЖрдИрдИ рдореЗрдВ рд╕рдорд╕реНрдпрд╛ рдЕрднреА рднреА рдЬрд╛рд░реА рд╣реИред рдЬрдм рдореИрдВ рдЙрдкрд░реЛрдХреНрдд рдмрд╛рддрдЪреАрдд рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЬрд╛рддрд╛ рд╣реВрдВ, рддреЛ рдореБрдЭреЗ рдкрддрд╛ рдЪрд▓рд╛ рдХрд┐ рдЦрд╛рд▓реА рд╕реНрдЯреНрд░рд┐рдВрдЧ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рджреЛрд╖ рдХреЛ рдареАрдХ рдХрд░рддрд╛ рд╣реИред рдХреНрдпрд╛ рд╡рд╣ рдХрд╛рдордХрд╛рдЬ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИ? рдХреНрдпрд╛ рдореИрдВ рдпрд╣ рднреА рдЬрд╛рди рд╕рдХрддрд╛ рд╣реВрдБ рдХрд┐ рд╡рд╣ рдкрд░рд┐рд╡рд░реНрддрди рдкреБрд╕реНрддрдХрд╛рд▓рдп рдореЗрдВ рдХрдм рд╢рд╛рдорд┐рд▓ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛?

v1.0.0-alpha.11 . рдореЗрдВ рдорд░реНрдЬ рдХрд┐рдП рдЧрдП рдлрд┐рдХреНрд╕

рдореЗрд░реЗ рдкрд╛рд╕ Reactjs рдкреНрд░реЛрдЬреЗрдХреНрдЯ рд╣реИ рдФрд░ рдореИрдВрдиреЗ html2canvas рдЕрдкрдбреЗрдЯ рдХреЗ рд▓рд┐рдП npm рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд┐рдпрд╛ рд╣реИред рд▓реЗрдХрд┐рди рдЖрдИрдИ 11 рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рдпрд╣ рдЕрднреА рднреА рдореБрдЭреЗ рджрд┐рдЦрд╛ рд░рд╣рд╛ рд╣реИ рд╕рджрд╕реНрдп рдХреЛ рддреНрд░реБрдЯрд┐ рдирд╣реАрдВ рдорд┐рд▓реАред рдХреГрдкрдпрд╛ рдорджрдж рдХрд░реЗред рдореИрдВрдиреЗ рд╡рд┐рдВрдбреЛрдЬ 8 рд╕рд┐рд╕реНрдЯрдо рдкрд░ рдЬрд╛рдВрдЪ рдХреА

рдореИрдВ v1.0.0-alpha.11 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдпрд╣ рдХреНрд░реЛрдо рдореЗрдВ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдЙрд╕реА рд▓рд╛рдЗрди рдкрд░ рдЖрдИрдИ 11 рдкрд░ рдПрдХ рддреНрд░реБрдЯрд┐ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд░рд╣рд╛ рд╣реИ
html2canvas(panel).then(canvas => {
var img = рдХреИрдирд╡рд╛рд╕.toDataURL ("рдЫрд╡рд┐/рдкреАрдПрдирдЬреА");
});

рдирдорд╕реНрддреЗред рдореЗрд░реЗ рд▓рд┐рдП рд╡рд╣реА рддреНрд░реБрдЯрд┐ред рд╣рдорд╛рд░рд╛ рдЧреНрд░рд╛рд╣рдХ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ IE11 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ ...

рдареАрдХ рдХрд░ рджрд┐рдпрд╛!!
node_modules/html2canvas/dist/html2canvas.js рдЦреЛрд▓реЗрдВ
if (rule && rule.cssText)
рдФрд░ рдЗрд╕реЗ if (rule && typeof rule.cssText === 'string') рдмрджрд▓реЗрдВ
рдЗрд╕рдиреЗ рдЖрдИрдИ 11 рдореЗрдВ рдореЗрд░реЗ рд▓рд┐рдП рд╕рдорд╕реНрдпрд╛ рддрдп рдХреА :)

рдирдорд╕реНрддреЗ,
рдореБрдЭреЗ рдиреАрдЪреЗ рджреА рдЧрдИ рд╕рдорд╕реНрдпрд╛ рднреА рд╣реИ рдЬреЛ рддрдп рд╣реЛ рдЧрдИ рд╣реИ:
node_modules/html2canvas/dist/html2canvas.js рдЦреЛрд▓реЗрдВ
рдЕрдЧрд░ рдХреЗ рд▓рд┐рдП рдЦреЛрдЬреЗрдВ (рдирд┐рдпрдо && рдирд┐рдпрдо.cssText)
рдФрд░ рдЗрд╕реЗ рдЕрдЧрд░ рдореЗрдВ рдмрджрд▓реЗрдВ (рдирд┐рдпрдо && typeof рдирд┐рдпрдоред cssText === 'рд╕реНрдЯреНрд░рд┐рдВрдЧ')
рдЗрд╕рдиреЗ рдЖрдИрдИ 11 рдореЗрдВ рдореЗрд░реЗ рд▓рд┐рдП рд╕рдорд╕реНрдпрд╛ рддрдп рдХреА :)

рдореИрдВ рдЕрдкрдиреЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрд╕рдХрд╛ рдПрдХ рдирдпрд╛ рдкреНрд░рдХрд╛рд╢рд┐рдд рд╕рдВрд╕реНрдХрд░рдг рдХреИрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ? рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдореИрдВрдиреЗ рдЕрдкрдиреЗ рд╕реНрдерд╛рдиреАрдп рд╡рд╛рддрд╛рд╡рд░рдг рдореЗрдВ рдиреЛрдб-рдореЙрдбреНрдпреВрд▓ рдореЗрдВ рд╕рдВрдкрд╛рджрди рдХрд░рдХреЗ рдкрд░реАрдХреНрд╖рдг рдХрд┐рдпрд╛ рд╣реИред рдЗрд╕реЗ рдЖрдЧреЗ рдмрдврд╝рд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрддреНрдкрд╛рджрди рдХреЛ 'html2canvas' рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рдирдП рдкреНрд░рдХрд╛рд╢рд┐рдд рд╕рдВрд╕реНрдХрд░рдг рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ? рдХреНрдпрд╛ рдЖрдк рдХреГрдкрдпрд╛ рдЗрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдореЗрдВ рдореЗрд░реА рд╕рд╣рд╛рдпрддрд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдореИрдВ "html2canvas" рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ: "^ 1.0.0-rc.1", рдЬрд┐рд╕рдореЗрдВ рдлрд┐рдХреНрд╕ рдирд╣реАрдВ рд╣реИред

рдирдорд╕реНрддреЗ @niklasvh , рдХреНрдпрд╛ рдЖрдк рдореБрдЭреЗ рдмрддрд╛ рд╕рдХрддреЗ рд╣реИрдВ рдХрд┐ рд╕рдорд╕реНрдпрд╛ #1374 рдХреЗ рд╕рдорд╛рдзрд╛рди рдХреЗ рд╕рд╛рде рдирдпрд╛ рд╕рдВрд╕реНрдХрд░рдг рдХрдм рдЬрд╛рд░реА рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рд╡рд░реНрдЬрди рдореЗрдВ рдлрд┐рдХреНрд╕ рджреЗрдЦрдиреЗ рдХрд╛ рдмреЗрд╕рдмреНрд░реА рд╕реЗ рдЗрдВрддрдЬрд╛рд░ рд╣реИред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕