рдирдорд╕реНрддреЗ,
рдореБрдЭреЗ рд╡реЗрдмрдкреЗрдЬ рд╕реЗ рдПрдХ рдХреИрдирд╡рд╛рд╕ рдмрдирд╛рдирд╛ рдЪрд╛рд╣рд┐рдП рдФрд░ рдореБрдЭреЗ рдЖрдкрдХрд╛ рдкреНрд▓рдЧрдЗрди рдорд┐рд▓ рдЧрдпрд╛, рдпрд╣ рдмрд╣реБрдд рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рдпрд╣ рдХрд╣рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХрд┐ рдХреНрдпрд╛ рдкреНрд░рддреНрдпреЗрдХ рддрддреНрд╡ рдХреА рдЕрд╕реНрдкрд╖реНрдЯрддрд╛ рдХреЛ рдмрдирд╛рдП рд░рдЦрдирд╛ рд╕рдВрднрд╡ рд╣реИред рдЗрд╕ рдХреНрд╖рдг рдореЗрдВ рдпрд╣ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред
рд╕рд╛рджрд░
рдпрд╣ рдЗрд╕ рдмрд╛рдд рдкрд░ рдирд┐рд░реНрднрд░ рдХрд░рддрд╛ рд╣реИ рдХрд┐ рдЖрдк рдЕрдкрд╛рд░рджрд░реНрд╢рд┐рддрд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреИрд╕реЗ рдХрд░ рд░рд╣реЗ рд╣реИрдВред Jsfiddle рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдПрдХ рдЙрджрд╛рд╣рд░рдг рд░рдЦреЗрдВред
рдореИрдВ рднреА рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрд╕реНрдкрд╖реНрдЯрддрд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ рдФрд░ рдпрд╣ рдЗрд╕реЗ рдмрдирд╛рдП рд░рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдкреНрд░рдХрдЯ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИред
рдореЗрд░реА рдПрдХ рдбрд┐рд╡ рдореЗрдВ рдЫрд╡рд┐ рд╣реИред Div рдореЗрдВ рдЗрдирд▓рд╛рдЗрди css opacity: 0.78;
рд▓реЗрдХрд┐рди рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ рдкрд░ рдпрд╣ 100% рдЕрдкрд╛рд░рджрд░реНрд╢реА рд╣реИред
@Dayjo рдмреНрд░рд╛рдЙрдЬрд╝рд░? OS? x86 рдпрд╛ x64? рдХреГрдкрдпрд╛ jsfiddle рдЙрджрд╛рд╣рд░рдг рд░рдЦреЗрдВ =)
OSX 10.11.4
рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ 44.0.2
рдХреНрд░реЛрдо 49.0.2623.112
рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ: рдареАрдХ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ img рдЯреИрдЧ рдореЗрдВ рдХреБрдЫ рдЕрддрд┐рд░рд┐рдХреНрдд рд╕реАрдПрд╕рдПрд╕ рдЬреЛрдбрд╝рдХрд░ рдЗрд╕рдХрд╛ рд╕рдорд╛рдзрд╛рди рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдореИрдВрдиреЗ рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ рд╕реЗрдЯ рдХрд┐рдпрд╛ рд╣реИ;
display: block;
position: static;
рдФрд░ рдЕрдм рдЫрд╡рд┐рдпрд╛рдВ рдЕрд╕реНрдкрд╖реНрдЯрддрд╛ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддреА рд╣реИрдВ, рд╣рд╛рд▓рд╛рдВрдХрд┐ рдпрд╣ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдирд╣реАрдВ рд╣реИ рдХрд┐ рдЗрд╕реЗ рдмреНрд▓реЙрдХ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреНрдпреЛрдВ рд╣реИ, рдФрд░ рд╕реНрдерд┐рддрд┐: рд░рд┐рд╢реНрддреЗрджрд╛рд░ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЗрд╕реЗ рдХрд╛рдо рдХрд░рдиреЗ рд╕реЗ рд░реЛрдХрддреЗ рд╣реИрдВред рдЕрдиреНрдп рддрддреНрд╡ рдЬреЛ рд╕реНрдерд┐рддрд┐ рдирд╣реАрдВ
рдпрд╣рд╛рдБ рдПрдХ jsFiddle рдореБрджреНрджреЗ рдкрд░ рдЙрджрд╛рд╣рд░рдг рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ: http://jsfiddle.net/tqqaa16x/ред рдореИрдВ рдЗрд╕рд╕реЗ рднреА рдЬреВрдЭ рд░рд╣рд╛ рд╣реВрдВред
рдЕрдкрд╛рд░рджрд░реНрд╢рд┐рддрд╛ рдЙрджрд╛рд╣рд░рдгреЛрдВ рдореЗрдВ рд╕рдмрд╕реЗ рд╕рд░рд▓ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреА рд╣реИ:
https://jsfiddle.net/JoolsCaesar/yLj4qwe2/3/
https://jsfiddle.net/JoolsCaesar/yLj4qwe2/5/
(рдХреНрд░реЛрдо рдореЗрдВ рдкрд░реАрдХреНрд╖рдг рдХрд┐рдпрд╛ рдЧрдпрд╛)
Https://github.com/niklasvh/html2canvas/tree/v1.0.0 рдореЗрдВ рдлрд┐рдХреНрд╕реНрдб
@niklasvh рдЕрднреА рднреА рд╕рдВрд╕реНрдХрд░рдг 1.0.0-Alpha.12 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ рдореЗрд░реЗ рдкрд╛рд╕ рдЧреЛрд▓ рдХреЛрдиреЛрдВ рдХреЗ рд╕рд╛рде рдПрдХ div рд╣реИ, рд╡реЗрдмрд╕рд╛рдЗрдЯ рдХреА рдкреГрд╖реНрдарднреВрдорд┐ рдЕрдВрдзреЗрд░рд╛ рд╣реИ рд▓реЗрдХрд┐рди рд╕рд╣реЗрдЬреЗ рдЧрдП рдЪрд┐рддреНрд░ рдкрд░ рд╕рдлреЗрдж рдХреЛрдиреЛрдВ рдореЗрдВ рд╣реИ рдЬрдм рдЙрдиреНрд╣реЗрдВ рдкрд╛рд░рджрд░реНрд╢реА рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред
рдЙрджрд╛рд╣рд░рдг:
рдпрд╣ рднреА рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИред рдЕрдкрд╛рд░рджрд░реНрд╢рд┐рддрд╛ рдЦреЛ рдЬрд╛рддреА рд╣реИред
@ рдХреИрдВрдбреА
@niklasvh рдЕрднреА рднреА рд╕рдВрд╕реНрдХрд░рдг 1.0.0-Alpha.12 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ рдореЗрд░реЗ рдкрд╛рд╕ рдЧреЛрд▓ рдХреЛрдиреЛрдВ рдХреЗ рд╕рд╛рде рдПрдХ div рд╣реИ, рд╡реЗрдмрд╕рд╛рдЗрдЯ рдХреА рдкреГрд╖реНрдарднреВрдорд┐ рдЕрдВрдзреЗрд░рд╛ рд╣реИ рд▓реЗрдХрд┐рди рд╕рд╣реЗрдЬреЗ рдЧрдП рдЪрд┐рддреНрд░ рдкрд░ рд╕рдлреЗрдж рдХреЛрдиреЛрдВ рдореЗрдВ рд╣реИ рдЬрдм рдЙрдиреНрд╣реЗрдВ рдкрд╛рд░рджрд░реНрд╢реА рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред
рдЙрджрд╛рд╣рд░рдг:
рдЖрдкрдХреЛ рдкреГрд╖реНрдарднреВрдорд┐-рд░рдВрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП: rgba (x, x, x, opacityValue) рдЕрдкрд╛рд░рджрд░реНрд╢рд┐рддрд╛ рдХреЗ рд▓рд┐рдП рдмрджрд▓реЗрдВ css рд╢реИрд▓реА рдХреЛ рдЖрдкрдХреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред
Https://github.com/niklasvh/html2canvas/tree/v1.0.0 рдореЗрдВ рдлрд┐рдХреНрд╕реНрдб
рдпрд╣ рд▓рд┐рдВрдХ рдЕрдм рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ!
рдореИрдВ рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдирд╡реАрдирддрдо рд░рд┐рд▓реАрдЬрд╝ рдореЗрдВ рдЕрд╕реНрдкрд╖реНрдЯрддрд╛ рдЕрднреА рднреА рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣реА рд╣реИ: 1.0.0-rc.7ред рд╢рд╛рдпрдж рд╣рдо рдЗрд╕ рдЯрд┐рдХрдЯ рдХреЛ рдкреБрдирдГ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?
рдореИрдВ рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдирд╡реАрдирддрдо рд░рд┐рд▓реАрдЬрд╝ рдореЗрдВ рдЕрд╕реНрдкрд╖реНрдЯрддрд╛ рдЕрднреА рднреА рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣реА рд╣реИ: 1.0.0-rc.7ред рд╢рд╛рдпрдж рд╣рдо рдЗрд╕ рдЯрд┐рдХрдЯ рдХреЛ рдкреБрдирдГ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?
рдЗрд╕ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity рдХрд╛рдо рдХреА рд╣реЛрдЧреАред
рдореИрдВ рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдирд╡реАрдирддрдо рд░рд┐рд▓реАрдЬрд╝ рдореЗрдВ рдЕрд╕реНрдкрд╖реНрдЯрддрд╛ рдЕрднреА рднреА рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣реА рд╣реИ: 1.0.0-rc.7ред рд╢рд╛рдпрдж рд╣рдо рдЗрд╕ рдЯрд┐рдХрдЯ рдХреЛ рдкреБрдирдГ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?
рдЗрд╕ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity рдХрд╛рдо рдХреА рд╣реЛрдЧреАред
рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдпрд╣ рдХреНрдпрд╛ рд╣реИ рдХрд┐ рдЖрдкрдиреЗ рдореБрдЭреЗ рдЗрд╕рд╕реЗ рдЬреЛрдбрд╝рд╛ рд╣реИ? рдореИрдВрдиреЗ рдЗрд╕реЗ рдЦреЛрд▓рд╛ рдФрд░ рдпрд╣ рдХрд╣рддрд╛ рд╣реИ рдХрд┐ рдпрд╣ v1.0.0-rc.7 рд╣реИ ...
рдореИрдВ рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдирд╡реАрдирддрдо рд░рд┐рд▓реАрдЬрд╝ рдореЗрдВ рдЕрд╕реНрдкрд╖реНрдЯрддрд╛ рдЕрднреА рднреА рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣реА рд╣реИ: 1.0.0-rc.7ред рд╢рд╛рдпрдж рд╣рдо рдЗрд╕ рдЯрд┐рдХрдЯ рдХреЛ рдкреБрдирдГ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?
рдЗрд╕ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity рдХрд╛рдо рдХреА рд╣реЛрдЧреАред
рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдпрд╣ рдХреНрдпрд╛ рд╣реИ рдХрд┐ рдЖрдкрдиреЗ рдореБрдЭреЗ рдЗрд╕рд╕реЗ рдЬреЛрдбрд╝рд╛ рд╣реИ? рдореИрдВрдиреЗ рдЗрд╕реЗ рдЦреЛрд▓рд╛ рдФрд░ рдпрд╣ рдХрд╣рддрд╛ рд╣реИ рдХрд┐ рдпрд╣ v1.0.0-rc.7 рд╣реИ ...
рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдирд╛рдо рд╕рдорд╛рди рд╣реИ рд▓реЗрдХрд┐рди рдЗрд╕ js рдлрд╝рд╛рдЗрд▓ рдореЗрдВ, рдЕрд╕реНрдкрд╖реНрдЯрддрд╛ рдмрдЧ рдирд┐рд╢реНрдЪрд┐рдд рд╣реИред
рдореИрдВ рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдирд╡реАрдирддрдо рд░рд┐рд▓реАрдЬрд╝ рдореЗрдВ рдЕрд╕реНрдкрд╖реНрдЯрддрд╛ рдЕрднреА рднреА рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣реА рд╣реИ: 1.0.0-rc.7ред рд╢рд╛рдпрдж рд╣рдо рдЗрд╕ рдЯрд┐рдХрдЯ рдХреЛ рдкреБрдирдГ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?
рдЗрд╕ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity рдХрд╛рдо рдХреА рд╣реЛрдЧреАред
рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдпрд╣ рдХреНрдпрд╛ рд╣реИ рдХрд┐ рдЖрдкрдиреЗ рдореБрдЭреЗ рдЗрд╕рд╕реЗ рдЬреЛрдбрд╝рд╛ рд╣реИ? рдореИрдВрдиреЗ рдЗрд╕реЗ рдЦреЛрд▓рд╛ рдФрд░ рдпрд╣ рдХрд╣рддрд╛ рд╣реИ рдХрд┐ рдпрд╣ v1.0.0-rc.7 рд╣реИ ...
рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдирд╛рдо рд╕рдорд╛рди рд╣реИ рд▓реЗрдХрд┐рди рдЗрд╕ js рдлрд╝рд╛рдЗрд▓ рдореЗрдВ, рдЕрд╕реНрдкрд╖реНрдЯрддрд╛ рдмрдЧ рдирд┐рд╢реНрдЪрд┐рдд рд╣реИред
рд╢рд╛рдпрдж рдЖрдк рдПрдХ рдкреБрд▓ рдЕрдиреБрд░реЛрдз рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рддрд╛рдХрд┐ рдкреВрд░реЗ рд╕рдореБрджрд╛рдп рдХреЛ рдЗрд╕ рдлрд┐рдХреНрд╕ рд╕реЗ рд▓рд╛рдн рдорд┐рд▓ рд╕рдХреЗ рдФрд░ рд╣рдо html2canvas рдирд┐рд░реНрднрд░рддрд╛ рдХреЗ рд▓рд┐рдП рдпрд╛рд░реНрди (рдпрд╛ рдПрдирдкреАрдПрдо) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЬрд╛рд░реА рд░рдЦ рд╕рдХрддреЗ рд╣реИрдВ?
@niklasvh рдореИрдВрдиреЗ рдЕрднреА рдЕрдкрдиреЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ html2canvas рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╢реБрд░реВ рдХрд┐рдпрд╛ рд╣реИ рдФрд░ рдпрд╣ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реИ! рд▓реЗрдХрд┐рди рдореИрдВ рднреА рдЗрд╕ рдЕрд╕реНрдкрд╖реНрдЯрддрд╛ рдмрдЧ рдореЗрдВ рдЪрд▓ рд░рд╣рд╛ рд╣реВрдБ - рдХреНрдпрд╛ рдмрдВрдбрд▓ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдареАрдХ рдХрд░рддрд╛ рд╣реИ / рдХреНрдпрд╛ рдХреЛрдИ рдореМрдХрд╛ рд╣реИ рдХрд┐ рдЖрдк рдЗрд╕реЗ рдЬрд╛рд░реА рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЬрд╛рд░реА рдХрд┐рдП рдЧрдП рдПрдирдкреАрдПрдо рдкреИрдХреЗрдЬ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?
@davidswinegar рдиреЗ рдореЗрд░реЗ рд▓рд┐рдП рдпрд╣ рдХрд╛рдо рдХрд┐рдпрд╛ред рдЕрдВрддрд┐рдо рд╕рдВрдЦреНрдпрд╛ рдЕрд╕реНрдкрд╖реНрдЯрддрд╛
background-color: rgba(25, 163, 71, .5);
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдпрд╣ рднреА рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИред рдЕрдкрд╛рд░рджрд░реНрд╢рд┐рддрд╛ рдЦреЛ рдЬрд╛рддреА рд╣реИред