feat: Expose paint from svgComponent to set opacity and have opacity …

…effects (#2092)
flame-engine · Oct 21, 2022 · bedacd0 · bedacd0
1 parent 8395126
commit bedacd0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/packages/flame_svg/lib/svg.dart b/packages/flame_svg/lib/svg.dart
@@ -41,14 +41,19 @@ class Svg {
  }
 
  /// Renders the svg on the [canvas] using the dimensions provided by [size].
- void render(Canvas canvas, Vector2 size) {
+ void render(
+ Canvas canvas,
+ Vector2 size, {
+ Paint? overridePaint,
+ }) {
  final _size = size.toSize();
  final image = _getImage(_size);
 
  if (image != null) {
  canvas.save();
  canvas.scale(1 / pixelRatio);
- canvas.drawImage(image, Offset.zero, _paint);
+ final drawPaint = overridePaint ?? _paint;
+ canvas.drawImage(image, Offset.zero, drawPaint);
  canvas.restore();
  } else {
  _render(canvas, _size);

diff --git a/packages/flame_svg/lib/svg_component.dart b/packages/flame_svg/lib/svg_component.dart
@@ -4,7 +4,7 @@ import 'package:flame/components.dart';
 import 'package:flame_svg/svg.dart';
 
 /// Wraps [Svg] in a Flame component.
-class SvgComponent extends PositionComponent {
+class SvgComponent extends PositionComponent with HasPaint {
  /// The wrapped instance of [Svg].
  Svg? _svg;
 
@@ -18,7 +18,10 @@ class SvgComponent extends PositionComponent {
  super.anchor,
  super.children,
  super.priority,
- }) : _svg = svg;
+ Paint? paint,
+ }) : _svg = svg {
+ this.paint = paint ?? this.paint;
+ }
 
  set svg(Svg? svg) {
  _svg?.dispose();
@@ -30,7 +33,7 @@ class SvgComponent extends PositionComponent {
 
  @override
  void render(Canvas canvas) {
- _svg?.render(canvas, size);
+ _svg?.render(canvas, size, overridePaint: paint);
  }
 
  @override