基于SVG的海区信息可视化的探究.pdfVIP

基于SVG 的海区信息可视化研究 彭海龙 邹 彬 国家卫星海洋应用中心 北京市 100081 Email:phl@ 摘要 本文介绍了 SVG 技术的优点 提出了利用 SVG 实现海洋信息服务的技术路线 并结合海洋 短期预报 实现了基于SVG的海区信息短期预报服务 取得了较好的应用效果 关键词 SVG 海区信息 交互式 可视化 Abstract: In this paper ,the merit of SVG is introduced and It put forward technical project serving ocean information with SVG Combing marine brief forecasting we implement sea area information brief forecasting service based on SVG and obtain preferable application effect . Key Words SVG ,Sea area information,Interact Visualisation 1. 引言 SVG 是一种基于 XML 的 用来描述 2D 的矢量图形和矢量/栅格混和的语言 它是一种基 于开放标准的可扩展语言 能够满足Web开发者对动态 可缩放与平台无关的Web内容表现 和交互手段日益增长的需求 本文对基于SVG的海区信息可视化技术进行了积极的探索和大 胆的尝试 针对我国海区信息预报服务的需求 运用SVG技术实现了基于WEBGIS的交互式海 区信息可视化预报 在实际使用中取得了较好的效果 2. SVG 技术介绍 SVG 即 Scalable Vector Graphic,是 W3C 推出的一个新的矢量图形格式标准 通过使 用SVG能够向Internet提供可任意伸缩的二维矢量图形 与其他许多基于打印的产品相比 SVG是一种基于XML的开放的矢量图形描述语言 是一个XML的应用 SVG的优点在于 1) 任意缩放:用户可以自由地缩放SVG格式的图形而不会破坏清晰度 2) 文本独立:SVG图形中的文字独立于图形 可以很容易地被查询和编辑 同时也不会 再有字体的限制 用户系统即使没有安装某一字体 同样可以看到这些字体 3) 较小的文件尺寸:一般而言 SVG 图形的尺寸要比其他图像格式如 GIF,JPEG 更小 特别是通过GZIP软件压缩后 文件大小可减少 75-80% 非常有利于在Internet上 进行数据传递或下载 4) 超强色彩控制:SVG图像具有一个1600万色彩的调色板 支持ICC标准 RGB 线性 填充和遮罩 5) SVG完全支持DOM(文档对象模型),因而SVG以及SVG中的对象(元素)完全可以通过 脚本接受外部事件的驱动 如鼠标动作 实现自身或对其他对象 图形的控制等 6) SVG图形可以很方便地动态生成 例如用JavaScript,XSLT,Java. SVG是在Web上显示GIS信息的理想载体 所有典型的GIS元素(feature这里可以添加 755 OPENGIS规范中的所有典型的GIS元素)都可以被显示和操作 而且所有的数据都是以压缩的 矢量图形进行传输的 另外SVG也可以方便的添加栅格图像 这样在发布遥感图像的时候就 非常方便 3. 技术路线 基于SVG的海区信息可视化研究主要运用了SVG技术来实现了基于WEBGIS的交互式海区 信息预报 图1显示了基于SVG的WEBGIS的技术路线 其技术实现上大致分为以下三个步骤: 第一是针对信息服务收集准备空间数据 这些数据的格式是 Ar