问题是,我有一个Web应用程序,上面有下面的图像和图像中的每个蓝点,我可以通过添加<;map>;标记并检测每个点上的坐标来分配一个Java脚本函数来点击.
图像
这个屏幕,我想用Ffltter来开发它,Ffltter中有这个功能吗?
请注意,我试过了,但没有成功!
Widget build(BuildContext context) {
return CustomPaint(
painter: MultiClickableShapePainter(),
child: Stack(
children: [
图像.asset('assets/CarInspector.png'),
InkWell(
onTap: () {
print('by');
},
),
InkWell(
onTap: () {
print('hi');
},
),
],
),
);
}
class MultiClickableShapePainter extends CustomPainter {
@override
void paint(Canvas canvas, Size size) {
// Draw the first clickable shape on the canvas
Paint paint1 = Paint()..color = Colors.red;
Path path1 = Path();
path1.addRect(const Rect.fromLTRB(150, 150, 250, 400));
canvas.drawPath(path1, paint1);
// Draw the second clickable shape on the canvas
Paint paint2 = Paint()..color = Colors.blue;
Path path2 = Path();
path2.addRect(const Rect.fromLTRB(75, 75, 130, 200));
canvas.drawPath(path2, paint2);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) {
return false;
}
}
有什么建议和解决方案吗?