feat: render los elevation via svg

This commit is contained in:
just_stuff_tm 2026-02-23 00:36:49 -05:00
parent aaf79c90c9
commit 9bcb8b9ca6
4 changed files with 67 additions and 76 deletions

View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 -960 960 960"
fill="#e3e3e3">
<path d="m82-120 258-360h202l298-348v708H82Zm70-233-64-46 172-241h202l188-219 60 52-212 247H300L152-353Zm86 153h522v-412L578-400H380L238-200Zm522 0Z"/>
</svg>

After

Width:  |  Height:  |  Size: 252 B

View file

@ -1,6 +1,5 @@
import 'dart:math' as math;
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
class LosIcon extends StatelessWidget {
final double size;
@ -15,66 +14,11 @@ class LosIcon extends StatelessWidget {
@override
Widget build(BuildContext context) {
final iconColor = color ?? IconTheme.of(context).color ?? Colors.black;
final canvasSize = size;
return SizedBox(
width: canvasSize,
height: canvasSize,
child: CustomPaint(
painter: _LosIconPainter(iconColor),
),
return SvgPicture.asset(
'assets/icons/los_elevation.svg',
width: size,
height: size,
colorFilter: ColorFilter.mode(iconColor, BlendMode.srcIn),
);
}
}
class _LosIconPainter extends CustomPainter {
final Color color;
_LosIconPainter(this.color);
@override
void paint(Canvas canvas, Size size) {
final paint = Paint()
..color = color
..style = PaintingStyle.fill;
final path = Path()
..moveTo(82, -120)
..relativeLineTo(258, -360)
..relativeLineTo(202, 0)
..relativeLineTo(298, -348)
..relativeLineTo(0, 708)
..lineTo(82, -120)
..close()
..moveTo(152, -353)
..relativeLineTo(-64, -46)
..relativeLineTo(172, -241)
..relativeLineTo(202, 0)
..relativeLineTo(188, -219)
..relativeLineTo(60, 52)
..relativeLineTo(-212, 247)
..lineTo(300, -560)
..lineTo(152, -353)
..close()
..moveTo(238, -200)
..relativeLineTo(522, 0)
..relativeLineTo(0, -412)
..lineTo(578, -400)
..lineTo(380, -400)
..lineTo(238, -200)
..close();
final scale = math.min(size.width, size.height) / 960;
canvas.save();
canvas.translate(0, 960);
canvas.scale(scale, scale);
canvas.drawPath(path, paint);
canvas.restore();
}
@override
bool shouldRepaint(covariant _LosIconPainter oldDelegate) {
return oldDelegate.color != color;
}
}

View file

@ -5,10 +5,10 @@ packages:
dependency: transitive
description:
name: archive
sha256: "2fde1607386ab523f7a36bb3e7edb43bd58e6edaf2ffb29d8a6d578b297fdbbd"
sha256: a96e8b390886ee8abb49b7bd3ac8df6f451c621619f52a26e815fdcf568959ff
url: "https://pub.dev"
source: hosted
version: "4.0.7"
version: "4.0.9"
args:
dependency: transitive
description:
@ -347,6 +347,14 @@ packages:
url: "https://pub.dev"
source: hosted
version: "8.2.2"
flutter_svg:
dependency: "direct main"
description:
name: flutter_svg
sha256: "87fbd7c534435b6c5d9d98b01e1fd527812b82e68ddd8bd35fc45ed0fa8f0a95"
url: "https://pub.dev"
source: hosted
version: "2.2.3"
flutter_test:
dependency: "direct dev"
description: flutter
@ -401,10 +409,10 @@ packages:
dependency: transitive
description:
name: image
sha256: "492bd52f6c4fbb6ee41f781ff27765ce5f627910e1e0cbecfa3d9add5562604c"
sha256: f9881ff4998044947ec38d098bc7c8316ae1186fa786eddffdb867b9bc94dfce
url: "https://pub.dev"
source: hosted
version: "4.7.2"
version: "4.8.0"
intl:
dependency: "direct main"
description:
@ -417,10 +425,10 @@ packages:
dependency: transitive
description:
name: json_annotation
sha256: "805fa86df56383000f640384b282ce0cb8431f1a7a2396de92fb66186d8c57df"
sha256: cb09e7dac6210041fad964ed7fbee004f14258b4eca4040f72d1234062ace4c8
url: "https://pub.dev"
source: hosted
version: "4.10.0"
version: "4.11.0"
latlong2:
dependency: "direct main"
description:
@ -537,10 +545,10 @@ packages:
dependency: "direct main"
description:
name: mobile_scanner
sha256: c6184bf2913dd66be244108c9c27ca04b01caf726321c44b0e7a7a1e32d41044
sha256: c92c26bf2231695b6d3477c8dcf435f51e28f87b1745966b1fe4c47a286171ce
url: "https://pub.dev"
source: hosted
version: "7.1.4"
version: "7.2.0"
native_toolchain_c:
dependency: transitive
description:
@ -597,6 +605,14 @@ packages:
url: "https://pub.dev"
source: hosted
version: "1.9.1"
path_parsing:
dependency: transitive
description:
name: path_parsing
sha256: "883402936929eac138ee0a45da5b0f2c80f89913e6dc3bf77eb65b84b409c6ca"
url: "https://pub.dev"
source: hosted
version: "1.1.0"
path_provider:
dependency: "direct main"
description:
@ -649,10 +665,10 @@ packages:
dependency: transitive
description:
name: petitparser
sha256: "1a97266a94f7350d30ae522c0af07890c70b8e62c71e8e3920d1db4d23c057d1"
sha256: "91bd59303e9f769f108f8df05e371341b15d59e995e6806aefab827b58336675"
url: "https://pub.dev"
source: hosted
version: "7.0.1"
version: "7.0.2"
platform:
dependency: transitive
description:
@ -681,10 +697,10 @@ packages:
dependency: transitive
description:
name: posix
sha256: "6323a5b0fa688b6a010df4905a56b00181479e6d10534cecfecede2aa55add61"
sha256: "185ef7606574f789b40f289c233efa52e96dead518aed988e040a10737febb07"
url: "https://pub.dev"
source: hosted
version: "6.0.3"
version: "6.5.0"
proj4dart:
dependency: transitive
description:
@ -1006,10 +1022,34 @@ packages:
dependency: "direct main"
description:
name: uuid
sha256: a11b666489b1954e01d992f3d601b1804a33937b5a8fe677bd26b8a9f96f96e8
sha256: "1fef9e8e11e2991bb773070d4656b7bd5d850967a2456cfc83cf47925ba79489"
url: "https://pub.dev"
source: hosted
version: "4.5.2"
version: "4.5.3"
vector_graphics:
dependency: transitive
description:
name: vector_graphics
sha256: a4f059dc26fc8295b5921376600a194c4ec7d55e72f2fe4c7d2831e103d461e6
url: "https://pub.dev"
source: hosted
version: "1.1.19"
vector_graphics_codec:
dependency: transitive
description:
name: vector_graphics_codec
sha256: "99fd9fbd34d9f9a32efd7b6a6aae14125d8237b10403b422a6a6dfeac2806146"
url: "https://pub.dev"
source: hosted
version: "1.1.13"
vector_graphics_compiler:
dependency: transitive
description:
name: vector_graphics_compiler
sha256: "5a88dd14c0954a5398af544651c7fb51b457a2a556949bfb25369b210ef73a74"
url: "https://pub.dev"
source: hosted
version: "1.2.0"
vector_math:
dependency: transitive
description:

View file

@ -60,6 +60,7 @@ dependencies:
gpx: ^2.3.0
path_provider: ^2.1.5
share_plus: ^12.0.1
flutter_svg: ^2.0.10
dev_dependencies:
flutter_test:
@ -87,6 +88,7 @@ flutter:
assets:
- assets/images/
- assets/icons/los_elevation.svg
flutter_launcher_icons:
android: true