@@ -1969,6 +1969,39 @@ class SvgAttributes {
   /// The y translation.
   final double? y;
 
+  /// A copy of these attributes after absorbing a saveLayer.
+  ///
+  /// Specifically, this will null out `blendMode` and any opacity related
+  /// attributes, since those have been applied in a saveLayer call.
+  ///
+  /// The [raw] map preserves old values.
+  SvgAttributes forSaveLayer() {
+    return SvgAttributes._(
+      raw: raw,
+      id: id,
+      href: href,
+      transform: transform,
+      color: color,
+      stroke: stroke?.forSaveLayer(),
+      fill: fill?.forSaveLayer(),
+      fillRule: fillRule,
+      clipRule: clipRule,
+      clipPathId: clipPathId,
+      blendMode: blendMode,
+      fontFamily: fontFamily,
+      fontWeight: fontWeight,
+      fontSize: fontSize,
+      textDecoration: textDecoration,
+      textDecorationStyle: textDecorationStyle,
+      textDecorationColor: textDecorationColor,
+      x: x,
+      textAnchorMultiplier: textAnchorMultiplier,
+      y: y,
+      width: width,
+      height: height,
+    );
+  }
+
   /// Creates a new set of attributes as if this inherited from `parent`.
   ///
   /// If `includePosition` is true, the `x`/`y` coordinates are also inherited. This
@@ -2066,6 +2099,25 @@ class SvgStrokeAttributes {
   /// The opacity to apply to a default color, if [color] is null.
   final double? opacity;
 
+  /// A copy of these attributes after absorbing a saveLayer.
+  ///
+  /// Specifically, this will null out any opacity related
+  /// attributes, since those have been applied in a saveLayer call.
+  SvgStrokeAttributes forSaveLayer() {
+    return SvgStrokeAttributes._(
+      _definitions,
+      color: color,
+      shaderId: shaderId,
+      join: join,
+      cap: cap,
+      miterLimit: miterLimit,
+      width: width,
+      dashArray: dashArray,
+      dashOffset: dashOffset,
+      hasPattern: hasPattern,
+    );
+  }
+
   /// Inherits attributes in this from parent.
   SvgStrokeAttributes applyParent(SvgStrokeAttributes? parent) {
     return SvgStrokeAttributes._(
@@ -2156,6 +2208,19 @@ class SvgFillAttributes {
   /// If there is a pattern a default fill will be returned.
   final bool? hasPattern;
 
+  /// A copy of these attributes after absorbing a saveLayer.
+  ///
+  /// Specifically, this will null out any opacity related
+  /// attributes, since those have been applied in a saveLayer call.
+  SvgFillAttributes forSaveLayer() {
+    return SvgFillAttributes._(
+      _definitions,
+      color: color,
+      shaderId: shaderId,
+      hasPattern: hasPattern,
+    );
+  }
+
   /// Inherits attributes in this from parent.
   SvgFillAttributes applyParent(SvgFillAttributes? parent) {
     return SvgFillAttributes._(
 
@@ -76,7 +76,7 @@ class ResolvingVisitor extends Visitor<Node, AffineMatrix> {
         children: <Node>[
           for (Node child in parentNode.children)
             child
-                .applyAttributes(parentNode.attributes)
+                .applyAttributes(parentNode.attributes.forSaveLayer())
                 .accept(this, nextTransform),
         ],
       );
 
@@ -4,6 +4,32 @@ import 'package:vector_graphics_compiler/vector_graphics_compiler.dart';
 import 'test_svg_strings.dart';
 
 void main() {
+  test('Opacity with a save layer does not continue to inherit', () {
+    final VectorInstructions instructions = parseWithoutOptimizers('''
+<svg width="283" height="180" viewBox="0 0 283 180" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path opacity=".3" d="M61.72 181.636L187.521 0H0v181.636h61.72z" fill="#202124" fill-opacity=".08"/>
+  <g opacity=".04">
+    <path d="M0 0l283.728 90.818V0H0z" fill="black"/>
+  </g>
+</svg>
+''');
+
+    expect(instructions.paints, const <Paint>[
+      Paint(blendMode: BlendMode.srcOver, fill: Fill(color: Color(0x06202124))),
+      // The paint for the saveLayer.
+      Paint(blendMode: BlendMode.srcOver, fill: Fill(color: Color(0x0a000000))),
+      // The paint for the path drawn in the saveLayer - must not be the same as
+      // the saveLayer otherwise the path will be drawn almost completely transparent.
+      Paint(blendMode: BlendMode.srcOver, fill: Fill(color: Color(0xff000000))),
+    ]);
+    expect(instructions.commands, const <DrawCommand>[
+      DrawCommand(DrawCommandType.path, objectId: 0, paintId: 0),
+      DrawCommand(DrawCommandType.saveLayer, paintId: 1),
+      DrawCommand(DrawCommandType.path, objectId: 1, paintId: 2),
+      DrawCommand(DrawCommandType.restore),
+    ]);
+  });
+
   test('Opacity on a default fill', () {
     final VectorInstructions instructions = parseWithoutOptimizers('''
 <svg viewBox="0 0 10 10">
 
@@ -40,23 +40,29 @@ void main() {
     final Node node = parseToNodeTree('''
 <svg viewBox="0 0 200 200">
   <g opacity=".5" fill="red">
-    <rect x="0" y="0" width="10" height="10" />
-    <rect x="5" y="5" width="10" height="10" />
+    <rect x="0" y="0" width="100" height="100" />
+    <rect x="50" y="50" width="100" height="100" />
   </g>
 </svg>''');
     final Node resolvedNode =
         node.accept(ResolvingVisitor(), AffineMatrix.identity);
     final List<ResolvedPathNode> nodes =
         queryChildren<ResolvedPathNode>(resolvedNode);
+    final SaveLayerNode saveLayerNode =
+        queryChildren<SaveLayerNode>(resolvedNode).single;
+
+    expect(saveLayerNode.paint.fill!.color, const Color(0x7FFF0000));
 
     expect(nodes.length, 2);
+
+    // Opacity is not inherited since it is applied in a saveLayer.
     expect(
       nodes.first.paint,
-      const Paint(fill: Fill(color: Color(0x7FFF0000))),
+      const Paint(fill: Fill(color: Color(0xFFFF0000))),
     );
     expect(
       nodes.last.paint,
-      const Paint(fill: Fill(color: Color(0x7FFF0000))),
+      const Paint(fill: Fill(color: Color(0xFFFF0000))),
     );
   });