Why Flutter Text Gets Clipped Under Opacity/ShaderMask? Deep Dive into Skia Bounds Bug

The article explains a long‑standing Flutter bug where Text wrapped by Opacity or ShaderMask loses its descender glyphs on Android due to overly precise layer bounds calculated by Skia/FreeType, detailing how saveLayer, hinting, and glyph outline bounds interact, and offers practical workarounds to avoid the clipping.

AndroidFlutterOpacity

0 likes · 11 min read

Why Flutter Text Gets Clipped Under Opacity/ShaderMask? Deep Dive into Skia Bounds Bug

Tencent Cloud Developer

Sep 27, 2021 · Frontend Development

html2canvas Implementation Principles and Opacity Rendering Issue Analysis

The article explains html2canvas’s workflow—cloning, parsing, and rendering based on stacking contexts—and diagnoses why transparent overlays appear opaque in screenshots, revealing that the npm package lacks opacity handling; it then proposes adding an OpacityEffect class that records and applies element opacity via canvas globalAlpha to fix the issue.

CSSCanvasOpacity

0 likes · 11 min read

html2canvas Implementation Principles and Opacity Rendering Issue Analysis