Skip to content

[Impeller] [iOS] SVG renders with aliasing & clipped incorrectly #152366

New issue
New issue
Closed
flutter/engine
#54913
Closed
[Impeller] [iOS] SVG renders with aliasing & clipped incorrectly#152366
flutter/engine
#54913
Labels
P2Important issues not at the top of the work listc: renderingUI glitches reported at the engine/skia or impeller rendering levele: impellerImpeller rendering backend issues and features requestsengineflutter/engine related. See also e: labels.found in release: 3.22Found to occur in 3.22found in release: 3.24Found to occur in 3.24has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-iosiOS applications specificallyr: fixedIssue is closed as already fixed in a newer versionteam-engineOwned by Engine teamtriaged-engineTriaged by Engine team
@AlexV525

Description

@AlexV525
AlexV525
opened on Jul 26, 2024

Steps to reproduce

  1. Run the code sample with Impeller enabled on real iOS devices.
  2. Immediately see the incorrect result.

Expected results

SVGs should be rendered correctly as much as Skia did.

Actual results

There are multiple incorrect behaviors in SVGs.

For all these SVGs:

  1. They are being clipped and become more obvious when the size is smaller, mostly the right side and the bottom side.

For b.svg (the earth icon):

  1. The right side and the bottom side are always being clipped.
  2. The connection for each path contains a visible aliasing. Similar to SVG rendered with aliasing when using colorFilter property on Impeller. #150761, which means [CP][Impeller] Round out subpass coverage. (#52973) engine#53207 didn't solve all the cases in the issue.

Code sample

main.dart 
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  Widget buildSvg(BuildContext context, double dimension, String path) {
    return SizedBox.square(
      dimension: dimension,
      child: SvgPicture.asset(
        path,
        colorFilter: ColorFilter.mode(
          Theme.of(context).primaryColor,
          BlendMode.srcIn,
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(title),
      ),
      body: Row(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: [
          Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              buildSvg(context, 100, 'images/a.svg'),
              buildSvg(context, 80, 'images/a.svg'),
              buildSvg(context, 60, 'images/a.svg'),
              buildSvg(context, 50, 'images/a.svg'),
              buildSvg(context, 30, 'images/a.svg'),
              buildSvg(context, 25, 'images/a.svg'),
              buildSvg(context, 20, 'images/a.svg'),
              buildSvg(context, 15, 'images/a.svg'),
              buildSvg(context, 10, 'images/a.svg'),
            ],
          ),
          Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              buildSvg(context, 100, 'images/b.svg'),
              buildSvg(context, 80, 'images/b.svg'),
              buildSvg(context, 60, 'images/b.svg'),
              buildSvg(context, 50, 'images/b.svg'),
              buildSvg(context, 30, 'images/b.svg'),
              buildSvg(context, 25, 'images/b.svg'),
              buildSvg(context, 20, 'images/b.svg'),
              buildSvg(context, 15, 'images/b.svg'),
              buildSvg(context, 10, 'images/b.svg'),
            ],
          ),
        ],
      ),
    );
  }
}
pubspec.yaml 
name: test_impeller_svg
description: "A new Flutter project."
publish_to: 'none'
version: 1.0.0+1

environment:
  sdk: ^3.4.0

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^1.0.8
  flutter_svg:

dev_dependencies:
  flutter_test:
    sdk: flutter

  flutter_lints: ^4.0.0

flutter:
  uses-material-design: true
  assets:
    - images/a.svg
    - images/b.svg
a.svg

a

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="28"
     height="28" viewBox="0 0 28 28">
    <path d="M23.4828,8.302430000000001L23.4828,8.30104Q23.4823,7.19529,22.6926,6.4066399999999994Q21.885,5.6,20.7346,5.6L7.2654,5.6Q6.11501,5.6,5.30736,6.4066399999999994Q4.51724,7.19578,4.51724,8.302430000000001L4.51724,19.6976Q4.51724,20.8042,5.30736,21.5934Q6.11501,22.4,7.2654,22.4L20.7346,22.4Q21.885,22.4,22.6926,21.5934Q23.4828,20.8042,23.4828,19.6976L23.4828,12.02711L23.4828,12.02555C23.4828,11.58372,23.8224,11.22555,24.2414,11.22555C24.6604,11.22555,25,11.58372,25,12.02555L25,19.6976Q25,21.4926,23.736,22.755Q22.4894,24,20.7346,24L7.2654,24Q5.51055,24,4.26404,22.755Q3,21.4926,3,19.6976L3.000000226087,8.302430000000001Q3.000000226087,6.50744,4.26404,5.24496Q5.51055,4.000000286102,7.2654,4.000000286102L20.7346,4Q22.4894,4.0000000953674,23.736,5.24496Q25,6.50744,25,8.302430000000001C25,8.744250000000001,24.6604,9.10243,24.2414,9.10243C24.0402,9.10243,23.8472,9.018139999999999,23.705,8.86811C23.5627,8.71808,23.4828,8.5146,23.4828,8.302430000000001Z"
          fill-rule="evenodd" fill="#2C2C2C"/>
    <path d="M10.74604576423645,12.111409916000365Q11.45199576423645,11.377419916000367,11.45199576423645,10.337029916000366Q11.45199576423645,9.296639916000366,10.74604576423645,8.562656916000366Q10.04458576423645,7.833329963684066,9.05475576423645,7.833329916000366Q8.06492576423645,7.833329916000366,7.36346276423645,8.562656916000366Q6.65751576423645,9.296639916000366,6.65751576423645,10.337029916000366Q6.6575158546710504,11.377419916000367,7.36346276423645,12.111409916000365Q8.06492576423645,12.840739916000366,9.05475576423645,12.840739916000366Q10.04458576423645,12.840739916000366,10.74604576423645,12.111409916000365ZM9.68082576423645,9.702009916000366Q9.93475576423645,9.966029916000366,9.93475576423645,10.337029916000366Q9.93475576423645,10.708039916000367,9.68082576423645,10.972059916000365Q9.42240576423645,11.240739916000367,9.05475576423645,11.240739916000367Q8.687105764236449,11.240739916000367,8.42869576423645,10.972059916000365Q8.17475576423645,10.708039916000367,8.17475576423645,10.337029916000366Q8.17475576423645,9.966029916000366,8.42869576423645,9.702009916000366Q8.687105764236449,9.433329916000366,9.05475576423645,9.433329916000366Q9.42240576423645,9.433329916000366,9.68082576423645,9.702009916000366Z"
          fill-rule="evenodd" fill="#2C2C2C"/>
    <path d="M23.8678,14.86363723602295Q22.0477,13.777737236022949,19.9088,13.777737236022949Q17.462899999999998,13.777737236022949,15.4755,15.17059723602295Q13.5426,16.52526723602295,12.71906,18.70767723602295L12.68374,18.80387723602295C12.53233,19.21584723602295,12.0929,19.42037723602295,11.70224,19.26070723602295C11.58388,19.21232723602295,11.47892,19.133407236022947,11.39698,19.03116723602295Q9.706710000000001,16.92209723602295,6.9834700000000005,16.92208723602295Q5.4439,16.92208723602295,4.12639,17.69010723602295L4.12639,17.69010723602295C4.0133399999999995,17.75602723602295,3.88703,17.790397236022947,3.7586209999999998,17.790397236022947C3.339646,17.790397236022947,3,17.43222723602295,3,16.99039723602295C3,16.69929723602295,3.14995,16.43116723602295,3.391527,16.29029723602295Q5.051959999999999,15.322087236022949,6.9834700000000005,15.322097236022948Q9.797789999999999,15.322097236022948,11.74734,17.12647723602295Q12.7601,15.15257723602295,14.6357,13.838047236022948Q17.0047,12.17773728370665,19.9088,12.17773723602295Q22.4459,12.17773723602295,24.6128,13.469797236022949L24.6149,13.47104723602295C24.8529,13.613007236022948,25,13.87902723602295,25,14.16734723602295C25,14.60917723602295,24.6604,14.967347236022949,24.2414,14.967347236022949C24.1105,14.967347236022949,23.9818,14.93161723602295,23.8678,14.86363723602295Z"
          fill-rule="evenodd" fill="#2C2C2C"/>
</svg>
b.svg

b

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="28" height="28" viewBox="0 0 28 28">
    <path d="M14.0004546875,4.404946923828125C19.2777546875,4.404946923828125,23.5954546875,8.722696923828124,23.5954546875,13.999996923828125C23.5954546875,19.277296923828125,19.2777546875,23.594796923828124,14.0004546875,23.594796923828124C8.723164687499999,23.594796923828124,4.4054046875,19.277296923828125,4.4054046875,13.999996923828125C4.4054046875,8.722696923828124,8.723164687499999,4.404946923828125,14.0004546875,4.404946923828125ZM14.0004546875,3.205596923828125C8.063534687499999,3.205596923828125,3.2060546875,8.063076923828124,3.2060546875,13.999996923828125C3.2060546875,19.936896923828126,8.063534687499999,24.794396923828124,14.0004546875,24.794396923828124C19.9373546875,24.794396923828124,24.7948546875,19.936896923828126,24.7948546875,13.999996923828125C24.7948546875,8.063076923828124,19.9373546875,3.205596923828125,14.0004546875,3.205596923828125Z"
          fill="#2C2C2C"/>
    <path d="M18.257971875000003,5.124625662109375C18.078071875,5.004717662109375,17.418671875,4.584906662109375,16.458871875,4.285003662109375C16.578771875,4.344826062109375,16.698671875000002,4.344826062109375,16.818571875,4.404911662109375C15.978971875,4.884545662109375,14.959621875,5.784253662109375,14.479721875,7.103513662109375C14.359811875,7.403413662109375,14.359811875,7.463233662109375,13.400281875000001,7.283503662109375C12.860561875,7.103513662109375,12.141111875,7.043683662109375,11.601131875,7.463233662109375C11.241401875000001,7.703313662109375,11.061411875000001,8.182953662109375,10.941501875,8.782493662109374C10.821591875,9.562023662109375,11.061411875000001,10.341823662109375,11.421131875,11.121363662109374L11.660951875,11.600993662109374C11.840941875,11.960723662109375,11.660951875,12.320713662109375,11.541041875000001,12.380533662109375C11.481221875,12.320443662109374,11.361311875,12.260623662109374,11.361311875,12.140713662109375C10.161961875,10.521553662109376,8.542801875,10.401653662109375,8.003081875,10.341563662109376C7.823351875,10.341563662109376,7.223551875,10.221653662109375,7.043551875,9.981573662109376C6.863561875,9.741753662109375,6.923651875,9.321943662109376,7.163461875,8.842313662109376C7.523191875,7.882783662109375,7.523191875,7.103243662109374,7.103381875,6.623613662109375C7.043551875,6.503703662109375,6.983471875,6.383793662109375,6.923651875,6.383793662109375C6.623743875,6.683703662109375,6.323841875,6.983333662109375,6.084024875,7.343323662109375C6.144110875,7.343323662109375,6.144110875,7.403413662109375,6.203932875,7.403413662109375Q6.264018875,7.583403662109375,6.023938875,8.182953662109375C5.604127475,9.142483662109374,5.604127475,9.922013662109375,5.964115875,10.581643662109375C6.443749875,11.421003662109374,7.583271875,11.600993662109374,7.943001875,11.661083662109375C8.662451875,11.780993662109374,9.621981875,11.901163662109376,10.341691875,12.920513662109375C10.761501875,13.460233662109376,11.241141875,13.700053662109376,11.660951875,13.700053662109376C11.901031875000001,13.700053662109376,12.080761875,13.639963662109375,12.260761875,13.520053662109374C13.040291875000001,13.100243662109374,13.340201875,12.020813662109376,13.040291875000001,11.001193662109376C12.980211875,10.821463662109375,12.860301875000001,10.521553662109376,12.740391875,10.221653662109375C12.500571875,9.742023662109375,12.380661875000001,9.202303662109376,12.440751875,8.722403662109375C12.440751875,8.482583662109375,12.560661875000001,8.422503662109374,12.500571875,8.422503662109374C12.620481875,8.362683662109376,12.980211875,8.482583662109375,13.280111875,8.542413662109375C14.059641875,8.722403662109375,15.378901875,9.022313662109376,15.918671875,7.462973662109375C16.338471875,6.323713662109375,17.297971875,5.663823662109375,18.017371875000002,5.304093662109375L18.257971875000003,5.124625662109375L18.257971875000003,5.124625662109375ZM15.559691875,20.956203662109374C16.698971874999998,22.395603662109377,16.639171875000002,23.295103662109376,16.519171874999998,23.774703662109374C16.039571875,23.894603662109375,19.637671875000002,22.575403662109377,17.898571875000002,23.295103662109376C17.838471875,22.515603662109374,17.598671875,21.495903662109374,16.579271875,20.236803662109374C16.339471875,19.936903662109373,16.099671875,19.637203662109375,15.799771875,19.337303662109377C14.600421875,18.077903662109374,13.880701875,16.878503662109374,14.480511875,15.859203662109374C15.020231875,14.839803662109375,15.739671875,14.539903662109374,16.579271875,14.479903662109376C17.358871875,14.419803662109375,18.018471875,14.899703662109374,18.138371875,15.079403662109375C18.318371875,15.319203662109375,18.438271874999998,15.679203662109375,18.617971875000002,15.919003662109375C19.097871875,16.818503662109375,19.517471875,17.838103662109376,20.836971875,17.897903662109375C21.076771875,17.897903662109375,21.316871875,18.017803662109372,21.436771874999998,18.137703662109374C21.556671875,18.317703662109373,21.796471875,18.857403662109377,21.676571875,20.296603662109376C22.276171875,19.396903662109374,22.875971875,18.737303662109376,22.995871875,17.837803662109373C22.875971875,17.598003662109377,22.576071875,17.358203662109375,22.576071875,17.238303662109374C22.156271875,16.758603662109373,21.616471875000002,16.458703662109375,20.896771875,16.458703662109375C20.537071875000002,16.458703662109375,20.297271875,16.099003662109375,19.937271875,15.259403662109374C19.757571875,14.959503662109375,19.637371875,14.539703662109375,19.397571875,14.240033662109376C18.977971875,13.580413662109375,17.838471875,12.980603662109376,16.579071875,12.980603662109376C15.799471875,13.040683662109375,14.360081875,13.340593662109375,13.280641875,15.319503662109375C12.201201874999999,17.418503662109373,13.700451874999999,19.097503662109375,14.839711875,20.236803662109374C15.079531875,20.416803662109373,15.379431875,20.776503662109373,15.559691875,20.956203662109374L15.559691875,20.956203662109374Z"
          fill="#2C2C2C"/>
    <path d="M3,14Q3,16.2282,3.8681140000000003,18.2717Q4.70596,20.2438,6.23107,21.7689Q7.75621,23.2941,9.72834,24.1319Q11.77176,25,14,25Q16.2282,25,18.2717,24.1319Q20.2438,23.2941,21.7689,21.7689Q23.2941,20.2438,24.1319,18.2717Q25,16.2283,25,14Q25,11.77176,24.1319,9.72834Q23.2941,7.75621,21.7689,6.23107Q20.2438,4.70596,18.2717,3.8681140000000003Q16.2283,3,14,3Q11.77175,3,9.72834,3.868115Q7.75619,4.70596,6.23107,6.23107Q4.70596,7.75619,3.8681140000000003,9.728349999999999Q3,11.77175,3,14ZM6.37646,6.37646C8.33294,4.41998,11.03154,3.205608,14,3.205608C19.9369,3.205608,24.7944,8.06308,24.7944,14C24.7944,19.9369,19.9369,24.7944,14,24.7944C8.06308,24.7944,3.205607,19.9369,3.205607,14C3.205607,11.03154,4.41998,8.33294,6.37646,6.37646ZM13.2363,8.74345Q13.1506,8.72622,12.97906,8.68489Q12.75692,8.63136,12.66185,8.61391Q12.64588,8.664850000000001,12.64588,8.72243L12.64429,8.747969999999999Q12.56192,9.40592,12.92382,10.12973L12.93083,10.14535Q13.1728,10.75065,13.2348,10.93602L13.2371,10.943200000000001Q13.4822,11.77656,13.2518,12.54465Q13.0118,13.3445,12.36615,13.6966Q12.04737,13.9057,11.66048,13.9057Q10.84702,13.9057,10.178930000000001,13.0468L10.173259999999999,13.0391Q9.750630000000001,12.44054,9.11062,12.16352Q8.73104,11.99923,7.99686,11.87848Q7.9378,11.86876,7.90865,11.8639L7.8944,11.86153Q6.30699,11.59694,5.7831600000000005,10.68016Q5.5961300000000005,10.33745,5.53126,9.95657Q5.43706,10.15295,5.3513,10.35481Q4.6105599999999995,12.0984,4.6105599999999995,14Q4.6105599999999995,15.9016,5.3513,17.6451Q6.066549999999999,19.3287,7.36888,20.631Q8.67121,21.9333,10.35481,22.6485Q12.09841,23.3892,14,23.3892Q15.2134,23.3892,16.3625,23.0876Q16.2747,22.1952,15.4062,21.0942Q15.3472,21.0346,15.2154,20.8919Q14.8677,20.5153,14.7158,20.4012L14.6939,20.3822Q13.4776,19.166,13.0412,18.224600000000002Q12.33656,16.7048,13.0973,15.2255L13.0997,15.221Q14.3401,12.94694,16.5628,12.77563L16.5786,12.77502Q17.5347,12.77502,18.3902,13.1769Q19.2026,13.5585,19.5647,14.1205Q19.7235,14.3234,19.9281,14.7782Q20.0483,15.0456,20.1132,15.1537L20.1258,15.1784Q20.5866,16.2532,20.8963,16.2532Q21.9866,16.2531,22.7303,17.102899999999998C22.7631,17.1404,22.7812,17.188499999999998,22.7812,17.238300000000002L22.796,17.235599999999998Q22.8004,17.241799999999998,22.8064,17.2497Q23.3894,15.687,23.3894,14Q23.3894,12.0984,22.6487,10.35482Q21.9334,8.671199999999999,20.6311,7.36888Q19.4809,6.2187,18.0334,5.52644Q16.5723,6.2823899999999995,16.1124,7.53025Q15.721,8.66122,14.7286,8.8567Q14.1888,8.96301,13.2363,8.74345ZM15.8889,4.80125Q15.6129,5.03179,15.3635,5.29909Q14.6327,6.08206,14.2871,7.03023Q14.2844,7.03693,14.2803,7.04744Q14.2321,7.16837,14.2057,7.17353Q14.0718,7.19966,13.4513,7.08398Q12.2634,6.692740000000001,11.4802,7.29649Q10.95767,7.6509,10.73941,8.74219L10.73781,8.751249999999999Q10.578479999999999,9.78707,11.23397,11.20754L11.23676,11.21334L11.47658,11.69297Q11.55424,11.84817,11.52261,12.01371Q10.31214,10.383479999999999,8.0856,10.143799999999999Q8.04415,10.139330000000001,8.02536,10.13724L8.00261,10.13598Q7.84619,10.13598,7.58342,10.055109999999999Q7.28671,9.96379,7.20759,9.85826Q7.01392,9.60023,7.34689,8.93429L7.35551,8.91451Q7.74993,7.86243,7.59092,7.15371Q8.81298,6.00633,10.35481,5.3513Q12.0984,4.6105599999999995,14,4.6105599999999995Q14.9648,4.6105599999999995,15.8889,4.80125ZM16.0952,4.6369299999999996C15.4202,4.48511,14.719,4.40496,14,4.40496C11.51084,4.40496,9.23516,5.36555,7.52534,6.93435Q7.43602,6.69914,7.27498,6.50842Q7.10415,6.17821,6.92317,6.17821C6.86864,6.17821,6.81635,6.199870000000001,6.7777899999999995,6.23843L6.7758199999999995,6.2404Q6.16303,6.85318,5.91244,7.22936C5.84948,7.32386,5.87505,7.45151,5.9695599999999995,7.51446C5.98293,7.52337,5.997310000000001,7.53068,6.01238,7.53625Q6.01183,7.5424,6.0110399999999995,7.54896Q5.99176,7.70863,5.83378,8.103580000000001Q5.49006,8.890509999999999,5.49694,9.56792C4.79992,10.89557,4.4049499999999995,12.4039,4.4049499999999995,14C4.4049499999999995,19.2773,8.72271,23.5948,14,23.5948C14.818,23.5948,15.613,23.491,16.3724,23.2961Q16.371499999999997,23.4645,16.3411,23.6251Q16.2547,23.6993,16.2708,23.8106Q16.3005,24.0159,16.514499999999998,23.9854Q16.536099999999998,23.9823,16.5686,23.9742C16.607599999999998,23.9645,16.642899999999997,23.9435,16.670099999999998,23.9139Q16.6836,23.9082,16.698900000000002,23.9019Q16.7609,23.8763,16.8518,23.8405Q17.2161,23.697,17.7091,23.5184Q17.7299,23.5108,17.7506,23.5034Q17.782,23.492,17.8113,23.4815C17.863500000000002,23.5058,17.9235,23.5071,17.9767,23.4851Q18.2924,23.3545,18.4073,23.2994Q18.4951,23.2574,18.5293,23.2188Q18.5642,23.1794,18.5764,23.1288Q18.605800000000002,23.0059,18.509999999999998,22.9237Q18.4476,22.8702,18.3634,22.8737Q18.336399999999998,22.8748,18.3005,22.8834Q18.2347,22.8993,18.0672,22.9559Q18.049,22.83,18.0241,22.7048C19.3803,22.0731,20.5669,21.1332,21.4925,19.9766Q21.4843,20.1226,21.4712,20.2795L21.8472,20.4106Q21.9699,20.2265,22.2126,19.8826Q22.663,19.244,22.8373,18.9222Q23.1304,18.3808,23.1992,17.865000000000002C23.2046,17.824199999999998,23.1977,17.7827,23.1793,17.7459Q23.1193,17.6259,22.9573,17.4309C23.3691,16.3643,23.595,15.2073,23.595,14C23.595,10.24073,21.404,6.96837,18.2359,5.39682L18.365099999999998,5.29988L18.380200000000002,5.28857L18.2574,5.12493L18.371499999999997,4.95353L18.3697,4.95231Q18.3095,4.91223,18.2482,4.87347Q17.6426,4.49042,16.9114,4.22171L16.9102,4.2211099999999995Q16.837600000000002,4.18473,16.7146,4.15221Q16.6182,4.11954,16.5197,4.08878L16.3809,4.43348Q16.363300000000002,4.4452,16.3458,4.45707Q16.218,4.5436,16.0952,4.6369299999999996ZM21.5055,19.627Q21.5209,18.658099999999997,21.2764,18.269Q21.1003,18.1035,20.8365,18.1035L20.8272,18.1033Q19.9384,18.063000000000002,19.3469,17.4555Q19.0064,17.105800000000002,18.5509,16.234Q18.481099999999998,16.1004,18.4431,16.0288Q18.3444,15.8924,18.1941,15.5916Q18.0524,15.308,17.9735,15.2028L17.966900000000003,15.1935Q17.8686,15.0463,17.5158,14.8746Q17.0532,14.6495,16.5935,14.685Q15.951,14.7309,15.5222,14.9865Q15.0147,15.2889,14.6617,15.9554L14.6572,15.9635Q13.9751,17.122799999999998,15.9465,19.1938Q16.2551,19.5027,16.738599999999998,20.1074Q17.6801,21.2704,17.9788,22.4992Q19.4593,21.8028,20.6311,20.631Q21.1076,20.1545,21.5055,19.627ZM16.5614,4.31803C16.5915,4.32793,16.621299999999998,4.33793,16.6508,4.34802C16.6186,4.33994,16.5865,4.33217,16.554299999999998,4.32239C16.5223,4.31267,16.4904,4.30098,16.458399999999997,4.28503C16.4931,4.29588,16.5275,4.30689,16.5614,4.31803ZM16.6508,4.34802C16.7068,4.36721,16.761699999999998,4.38674,16.8154,4.40651C16.8163,4.40598,16.8172,4.40546,16.8181,4.40493C16.7623,4.37699,16.7066,4.36204,16.6508,4.34802Z"
          fill-rule="evenodd" fill="#2C2C2C"/>
</svg>

Screenshots or Video

Screenshots / Video demonstration

Impeller

With colorFilter Without colorFilter
IMG_1094 IMG_1095

Skia

With colorFilter Without colorFilter
IMG_1096 IMG_1097

Logs

N/A

Flutter Doctor output

Doctor output 
[!] Flutter (Channel master, 3.24.0-1.0.pre.291, on macOS 14.5 23F79 darwin-arm64 (Rosetta), locale zh-Hans-CN)
    • Flutter version 3.24.0-1.0.pre.291 on channel master at /Users/alex/dev/flutter-master
    • Upstream repository https://github.com/flutter/flutter
    • Framework revision 98c5e683fd (9 hours ago), 2024-07-25 21:20:11 -0400
    • Engine revision 8714b54a87
    • Dart version 3.6.0 (build 3.6.0-83.0.dev)
    • DevTools version 2.37.1

[✓] Xcode - develop for iOS and macOS (Xcode 15.4)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 15F31d
    • CocoaPods version 1.15.2

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work listc: renderingUI glitches reported at the engine/skia or impeller rendering levele: impellerImpeller rendering backend issues and features requestsengineflutter/engine related. See also e: labels.found in release: 3.22Found to occur in 3.22found in release: 3.24Found to occur in 3.24has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-iosiOS applications specificallyr: fixedIssue is closed as already fixed in a newer versionteam-engineOwned by Engine teamtriaged-engineTriaged by Engine team

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions