# subway-line-dynamic-visualization

**Repository Path**: warriorlago/subway-line-dynamic-visualization

## Basic Information

- **Project Name**: subway-line-dynamic-visualization
- **Description**: 这个项目是一个基于jQuery和SVG的Web应用程序，用于动态显示地铁线路以及相关的车站信息。用户可以通过交互式的方式在地图上添加地铁线路，并能够实时查看地铁小车的动态到站和离站情况。此外，该应用程序还支持将SVG图形保存为PNG图片的功能，并实现了对SVG图像的平移和缩放操作。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-09-03
- **Last Updated**: 2024-09-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, CSS, JavaScript, jQuery

## README

# Subway Line Dynamic Visualization

## 项目简介
本项目是一个使用 jQuery 和 SVG 技术开发的 Web 应用程序，旨在动态显示地铁线路及其相关的站点信息。用户可以通过简单的交互操作添加和管理地铁线路，并实时查看小车的动态运行过程。

## 功能特性
- **动态地铁线路显示**：支持在地图上动态显示地铁线路以及车站信息。
- **小车动态到站与离站**：模拟地铁小车的运行过程，实时展示到站和离站的动态。
- **SVG 图像操作**：支持通过鼠标滚轮和拖动进行 SVG 图像的缩放和平移操作。
- **保存图像**：用户可以将生成的地铁线路图保存为 PNG 格式的图片。

## 使用技术
- **jQuery.js**: 用于处理页面元素的动态显示和交互。
- **saveSvgAsPng.js**: 用于将 SVG 图像保存为 PNG 图片。
- **svg-pan-zoom.min.js**: 提供 SVG 图像的平移和缩放功能。

本项目有更详细的说明，详见文件夹内PDF文件