Rendering issue when compiling with --wasm #152029
Description
Steps to reproduce
I am using the syncfusion_gauges package to render the circular "chart" shown in the screenshots (version 26.1.42). Since it is an issue with flutter I am posting it here and not on the library's GitHub. When compling via --wasm the widget looks completely different.
Expected results (CanvasKit)
Actual results (WASM + skwasm)
Code sample
Code sample
SizedBox(
height: 90,
width: 90,
child: SfRadialGauge(
axes: <RadialAxis>[
RadialAxis(
minimum: 0,
maximum: 100,
showLabels: false,
showTicks: false,
startAngle: 270,
endAngle: 270,
annotations: <GaugeAnnotation>[
GaugeAnnotation(
positionFactor: 0.05,
angle: 90,
widget: Text("27%"))
],
//grey part
axisLineStyle: AxisLineStyle(
thickness: 0.04,
color: Colors.black.withOpacity(0.15),
thicknessUnit: GaugeSizeUnit.factor,
),
pointers: <GaugePointer>[
//colored part
RangePointer(
value: courseProgressPercentage * 100,
width: 0.08,
sizeUnit: GaugeSizeUnit.factor,
cornerStyle: CornerStyle.startCurve,
gradient: SweepGradient(colors: <Color>[
Theme.of(context).colorScheme.primary.withOpacity(0.66),
Theme.of(context).colorScheme.primary
], stops: const <double>[
0.25,
0.75
])),
//dot
MarkerPointer(
value: courseProgressPercentage * 100,
markerType: MarkerType.circle,
markerWidth: 13,
markerHeight: 13,
color: Theme.of(context).colorScheme.primary,
)
],
),
],
),
)Screenshots or Video
Screenshots / Video demonstration
[Upload media here]
Logs
Logs
[Paste your logs here]Flutter Doctor output
Doctor output
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, 3.24.0-1.0.pre.197, on macOS 14.5 23F79
darwin-arm64, locale en-DE)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 15.4)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2023.3)
[✓] Android Studio (version 2021.3)
[✓] Android Studio (version 2022.2)
[✓] VS Code (version 1.91.1)
[✓] Connected device (3 available)
[✓] Network resources
• No issues found!