`
可执行
  • 浏览: 17493 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

关于web矢量图SVG【新技术交流】

阅读更多
   前一阵子听说IE9支持SVG了,我心里一凸,此乃大好消息啊,web上终于有了统一的矢量绘图标准!

   你想想啊,在web页面上结合ajax就可以实时画图了,实时的!画任何你想到的图形,而且大小是可缩放的,你可以画地图,你可以画曲线,你可以画UI动画 。。。

   但是我同时得到一个蛋疼的消息IE9不支持xp!!!

   最近公司在做一套工业用门户系统,其中就大量用到SVG实时绘图进行趋势分析,基于adobe的插件,但是adobe早就对其不支持了,它的javascript API也不是很好用。所以一听到IE支持SVG我就欢乐了,哈哈!

   SVG是个好东西啊,以后必定会得到大量运用,希望大家多多讨论~

   希望itsys能开SVG版块促进SVG在国内快速发展,不然又要落后别人啦。

   现,求IE9的有关SVG的javascript API,最好是中文的,偶弥陀否




PS:
(1)介绍一个js库:Raphaël,这个JavaScript库提供了操作SVG的API,并提供了SVG的IE支持。后者通过在IE中使用VML模拟SVG实现。
效果:http://raphaeljs.com/pie.html

(2)web矢量图技术有哪些:http://www.ibm.com/developerworks/cn/web/1109_qinjian_vector/index.html


分享到:
评论

相关推荐

    WEB图形格式SVG及基于XML+XSL的动态生成技术

    ### WEB图形格式SVG及基于XML+XSL的动态生成技术 #### SVG:开启网络图形新时代 SVG(可伸缩矢量图形)作为一种新兴的网络图形格式,正逐步改变着网络图像的呈现方式。与传统的位图格式(如JPEG、GIF)相比,SVG...

    基于SVG的矢量图形编辑系统的数据描述模型

    ### 基于SVG的矢量图形编辑系统的数据描述模型 #### 一、SVG与Web图形的革新 SVG(Scalable Vector Graphics)是...随着Web技术的发展,SVG及其编辑系统的应用前景将更加广阔,为数字媒体和Web设计领域带来无限可能。

    基于SVG/WEB SERVICE的WEB监控技术在EMS中的应用.rar

    《基于SVG/WEB SERVICE的WEB监控技术在EMS中的应用》 在现代电力系统中,能量管理系统(EMS)扮演着至关重要的角色,它负责实时监控、调度自动化以及优化电网运行。随着信息技术的飞速发展,传统的EMS已经无法满足...

    关于SVG技术的相关论文

    通过深入研究这些论文,我们可以了解SVG技术的最新进展,发现新的应用场景,以及提升SVG图形在实际项目中的表现和效率。对于前端开发者、设计师和研究者来说,SVG技术是一个不可或缺的工具,它为创造丰富的、高性能...

    在线图片转SVG网站HTML源码

    在线图片转SVG网站HTML源码是一种利用HTML、CSS和JavaScript技术实现的网页应用,它可以将上传的位图图像(如JPEG、PNG等)转化为可缩放矢量图形(SVG)。这种转换工具对于设计师和开发者来说非常有用,因为它允许...

    Adobe SVG 插件,最新 中英文

    Adobe SVG 插件是针对Internet Explorer(IE)浏览器的一个重要扩展,主要目的是为了在IE中实现SVG(Scalable Vector...随着SVG技术的普及和浏览器的不断更新,矢量图已经成为了现代网页和应用程序中不可或缺的一部分。

    SVG画图工具,整套源码

    SVG画图工具是一种创新性的在线解决方案,它允许用户在网页浏览器中直接进行可缩放矢量图形(SVG)的设计和编辑。SVG作为一种矢量图像格式,具有无损放大、清晰度不变、文件小巧等优点,因此在网页设计、图标制作、...

    基于SVG的Web页面动态刷新

    客户端的SVG图形显示程序接收到这个响应后,能够解析其中的新数据,并将之反映在SVG图形的显示上,从而实现Web页面内容的动态更新。 此外,SVG文件的可读性和可编辑性还意味着开发者可以直接通过编辑SVG文件来更新...

    基于SVG图像变形过渡轮播图.zip

    总之,SVG图像变形过渡轮播图是一种利用SVG路径和JavaScript实现的创新图像展示方式,它将传统的图片轮播提升到一个新的水平,为网页设计带来了更多的可能性和趣味性。学习并掌握这项技术,对于提升Web开发中的用户...

    基于SVG的实时监控流程图实现技术

    为了提高监控效率和可视化水平,研究并提出了一种基于SVG(Scalable Vector Graphics,可缩放矢量图形)技术的实时监控流程图实现方法。 #### 关键词 SVG 图元、图形分解、图元属性分类 #### 1. 图形组态要求与...

    svg 支持缩放和拖动DEMO

    SVG(Scalable Vector ...通过深入理解这些技术,开发者能够构建出更加生动和用户友好的Web应用程序。在实际应用中,还应考虑性能优化,如使用requestAnimationFrame进行平滑动画处理,以及避免不必要的重绘和回流。

    svg精髓(第二版)

    同时,考虑到技术的发展,第二版可能会对原版进行更新,引入新的实践和技术标准,例如SVG 2规范,增强的交互性和动画能力,以及CSS在SVG上的应用等。 总的来说,SVG精髓(第二版)是设计师和开发者掌握SVG图形在Web...

    交互式旅游地图svg

    HTML5是新一代的超文本标记语言,提供了许多新的标签和API,如`<canvas>`用于画布绘制,`<svg>`用于矢量图,以及`<audio>`和`<video>`用于多媒体处理。在本项目中,HTML5的这些特性被充分利用来构建丽江旅行地图的...

    svg-t 图形 指南

    - **可缩放性**:矢量图可以在不损失质量的情况下放大或缩小。 - **占用空间小**:相比位图,SVG文件通常更小。 - **交互性**:支持动画和事件处理,增加图形的互动性。 2. **局限性** - **复杂图形渲染慢**:...

    svg 学习 资料 合集

    1. 矢量图与位图:了解SVG作为矢量图与传统的位图(如JPEG、PNG)之间的区别,理解矢量图不受分辨率限制的优势。 2. SVG结构:学习SVG的基本结构,包括SVG根元素、视口、坐标系统以及如何创建形状。 3. 基本形状:...

    html5+svg交互式3D商场地图代码

    HTML5的新特性包括离线存储(离线Web应用)、拖放功能、媒体元素(音频和视频)、 canvas画布、svg矢量图等。在这个案例中,`index.html`文件是整个项目的入口点,包含了所有的HTML标记和结构,以及对CSS和...

    SVG动画图loading

    在本例中,“SVG动画图loading”指的是使用SVG技术来设计的一种加载动画,通常用于网页或应用的等待界面,为用户提供视觉反馈,表明系统正在处理请求或内容正在加载。 SVG的优势在于其矢量特性,这意味着无论放大...

Global site tag (gtag.js) - Google Analytics