以图形方式显示浏览器上的路径/路径

Question

我正在尝试以图形方式在浏览器上显示路径/路由以供客户查看。例如，基于txt或XML文件，包含方向。

<route>
  <forward>4</forward>
  <left>90</left>
  <forward>5</forward>
  <left>90</left>
  <forward>2</forward>
</route>

或

F4,L90,F5,L90,F2

表示等效的简单txt文件。

在这个例子中，路线将向前移动4个单位，向左转90度，向前移动5个单位，向左转90度并向前移动2个单位。

像这样的东西。箭头不一定要在那里，我只是为了方向清晰而画了它们。如果我可以动态地改变图像，就像能够显示遵循这条路线的车辆，甚至可能甚至在车辆跟随并完成部分路线时将路线的颜色改为绿色，那将更好。

我正在考虑将Tomcat与java和jsp与javascript一起使用，但如果有更简单的替代方案，我不介意。我可以在我的案例中使用任何工具吗？我以前没有做过任何接近这件事，所以请帮忙！

Answer 1

1. 了解如何阅读.xml文件至jsp至java - Google搜索MVC模式，将数据对象返回至jsp页< / p>

2. 了解如何使用<canvas>绘制箭头：see good reference