SVG——新一代Web设计及互动媒体的革新

支持与服务

怎样为你创建的SVG添加交互功能

来源:IBM developerWorks 中国

  可伸缩矢量图(Scalable Vector Graphics SVG)是一种基于XML的语言,用于绘制二维图形。不过,它的能力不局限于简单的静态矢量图形。本文展示了如何将交互元素加入到SVG文档中,使其可以对用户输入作出响应。
  SVG中的交互性可以分为三个领域:链接、事件和脚本。本文将依次讨论这三个领域。

阅读全文...
 

基于Batik的SVG应用: 关于几何变换的教程

来源:IBM developerWorks 中国

  本文是作者在SVGGIS系统的开发实践过程中关于SVG坐标转换的总结。在描述SVG坐标变换原理的同时,使用Apache Batik项目实现了相关例子。
  SVG是一种用XML语言来描述二维图形对象的语言,SVG允许三种图形对象:1.矢量图形,2.图片,3.文本对象。这三种图形对象都可以支持分组,使用样式渲染,进行几何变换。
  SVG还能够通过脚本来实现交互操作和动态显示。可以通过定义动画对象或使用script脚本来实现动画。

阅读全文...
 

SVG JavaScript脚本编程和无脚本的脚本

来源:IBM developerWorks 中国
英文:http://www.ibm.com/developerworks/xml/library/x-matters42/?S_TACT=105AGX52&S_CMP=cn-a-x

SVG JavaScript脚本  可伸缩矢量图(Scalable Vector Graphics,SVG)浏览器现在变得越来越主流,并且它们可以用于多种强大的方式。继续David的早期SVG专栏,Dethe介绍了一些方式,即声明性的标记可以为动画和其他常见脚本编程任务取代脚本。期间,他简要地介绍了用其他XML方言中的声明性标记来取代脚本。将常见的脚本编程任务移入声明性标记可以不再需要冗长的样本(boilerplate)代码,减少错误,并且使得脚本的意图更加容易理解,从而使您能够专注于代码的惟一方面。

阅读全文...
 

SVG与UML图详解

来源:uml中国(umlchina.com)

1 前言

SVG与UML  SVG是W3C的一种图形矢量标准,与Flash相似,它们都可以在网上快速加载矢量图。虽然目前 SVG还没有Flash那么好的可用性,但其基于XML,倒是先天优势,有继续发展成为主流的可能性。在网上使用SVG技术显示UML图,不仅可以在浏览器内无失真地对对象执行缩放和平移等操作,还可以利用Xlink、XPointer等XML技术将大图分解,化简为小图浏览,甚至结合后台数据库直接存取元数据信息,并将结果动态地绘制为UML图,在网上显示出来。SVG强大的事件及脚本功能,也使得UML图具有更强的交互性和更为丰富的表达能力。本文在粗略介绍SVG和UML两种技术的基础知识。

阅读全文...
 

用SVG自动批量创建JPEG图像

来源:IBM developerWorks 中国
英文版:http://www.ibm.com/developerworks/library/x-tipjpeg/index.html?S_TACT=105AGX52&S_CMP=cn-a-x

  在这篇技巧文章中,Benoit Marchal讨论了可升级矢量图形(Scalable Vector Graphics,SVG)的编程方法。除非SVG浏览器像Macromedia Flash播放器一样得到广泛应用,否则人们很难将SVG图像直接集成在Web站点上。在这段时间内,Web开发人员可以通过SVG生成JPEG以及其他的位图文件。SVG是纯粹的XML,因此特别有用。

阅读全文...
 
页面 8 总共 9

将要更新