mirror/html2canvas
1
0
Fork 0
mirror of https://github.com/niklasvh/html2canvas.git synced 2023-08-10 21:13:10 +03:00
Code Issues Projects Releases Wiki Activity

fix: the rendering order of transform and clip effects

Browse Source 
Rendering clip effects before rendering transform effects would lead to a wrong clip area.
This commit is contained in:
Zihan 2022-02-10 11:01:38 +08:00 committed by GitHub
parent 6020386bbe
commit deb033ecff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/render/stacking-context.ts
View File

@ -70,7 +70,6 @@ export class ElementPaint {
while (parent) { while (parent) {
const croplessEffects = parent.effects.filter((effect) => !isClipEffect(effect)); const croplessEffects = parent.effects.filter((effect) => !isClipEffect(effect));
if (inFlow || parent.container.styles.position !== POSITION.STATIC || !parent.parent) { if (inFlow || parent.container.styles.position !== POSITION.STATIC || !parent.parent) {
effects.unshift(...croplessEffects);
inFlow = [POSITION.ABSOLUTE, POSITION.FIXED].indexOf(parent.container.styles.position) === -1; inFlow = [POSITION.ABSOLUTE, POSITION.FIXED].indexOf(parent.container.styles.position) === -1;
if (parent.container.styles.overflowX !== OVERFLOW.VISIBLE) { if (parent.container.styles.overflowX !== OVERFLOW.VISIBLE) {
const borderBox = calculateBorderBoxPath(parent.curves); const borderBox = calculateBorderBoxPath(parent.curves);
@ -81,6 +80,7 @@ export class ElementPaint {
); );
} }
} }
effects.unshift(...croplessEffects);
} else { } else {
effects.unshift(...croplessEffects); effects.unshift(...croplessEffects);
} }