karm-gfx: Fix clip aet not being sorted.

Author: sleepy-monax

src/karm-gfx/cpu/canvas.cpp

@@ -267,6 +267,7 @@ export struct CpuCanvas : Canvas {
         _poly.clear();
         createSolid(_poly, _path);
         _poly.transform(current().trans);
+        _poly.sortForAet();
 
         auto clipBound = _poly.bound().ceil().cast<isize>().clipTo(current().clip);
 
@@ -275,7 +276,7 @@ export struct CpuCanvas : Canvas {
         current().clip = clipBound;
         _rast.fill(_poly, current().clip, rule, [&](CpuRast::Frag frag) {
             u8 const parentPixel = current().clipMask.has() ? current().clipMask.unwrap()->pixels().load(frag.xy - current().clipBound.xy).red : 255;
-            newClipMask->mutPixels().store(frag.xy - clipBound.xy, Color::fromRgb(parentPixel * frag.a, 0, 0));
+            newClipMask->mutPixels().store(frag.xy - clipBound.xy, Color::fromRgb(Math::roundi(parentPixel * frag.a), 0, 0));
         });
 
         current().clipMask = newClipMask;
@@ -313,7 +314,9 @@ export struct CpuCanvas : Canvas {
         bool isSuitableForFastFill =
             radii.zero() and
             current().fill.is<Color>() and
-            current().trans.isAxisAligned();
+            current().trans.isAxisAligned() and
+            not current().clipMask.has() and
+            current().opacity > 0.99;
 
         if (isSuitableForFastFill) {
             _fillRect(r, current().fill.unwrap<Color>());
@@ -346,13 +349,15 @@ export struct CpuCanvas : Canvas {
         _poly.clear();
         createStroke(_poly, path, current().stroke);
         _poly.transform(current().trans);
+        _poly.sortForAet();
         _fill(current().stroke.fill);
     }
 
     void fill(Math::Path const& path, FillRule rule = FillRule::NONZERO) override {
         _poly.clear();
         createSolid(_poly, path);
         _poly.transform(current().trans);
+        _poly.sortForAet();
         _fill(current().fill, rule);
     }
 

src/karm-kira/scaffold.cpp

@@ -193,6 +193,7 @@ export auto scaffoldContent() {
                    .borderWidth = 1,
                    .borderFill = Ui::GRAY800,
                    .backgroundFill = Ui::GRAY950,
+                   .overflow = Ui::BoxOverflow::HIDDEN,
                });
     };
 }

src/karm-ui/box.cpp

@@ -86,6 +86,7 @@ export struct BoxStyle {
             g.fill(bound, borderRadii);
         }
 
+        g.push();
         if (overflow == BoxOverflow::HIDDEN) {
             g.beginPath();
             g.rect(bound.cast<f64>(), borderRadii);
@@ -94,6 +95,7 @@ export struct BoxStyle {
 
         g.fillStyle(foregroundFill);
         inner();
+        g.pop();
 
         if (borderWidth and borderFill) {
             g.strokeStyle(