`
jacally
  • 浏览: 770102 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论
文章列表
http://blog.csdn.net/net_lover/archive/2002/01/26/6891.aspx SVG中的动画技术(3)     SVG DOM产生动画的方式是由脚本语言调用DOM对象的属性和方法实现的,在SVG中使用脚本语言和HTML中类似,首先是指定脚本的语言类型:有两种办法可以指定脚本的语言类型 1),在SVG元素里使用contentScriptType属性,可以指定整个文档里使用的缺省脚本语言类型。 语法如下: content-type指定一种媒体类型,默认是"text/ecmascript" 2),在script元素里使用type属 ...
http://tag.csdn.net/tag/svgdocument/1.html   SVG显示中文问题解决步骤 在demo的startApp()方面中,有加载字体的操作: // Load the default SVG font. SVGDocument doc = canvas.loadSVG("/tinyline/helvetica.svg"); SVGFontElem font = S... 本文Tag: svg, 中文问题, j2me, ... 作者: 迷笛() 来源:csdn.net →发表于3个月以前 阅读更多 在SVG文档中遍历子节点的问题 在SVG ...
用javascript 反馈服务器svg图片两点坐标? xml 代码    <svg>     <script type="text/javascript">       function changeText(evt)   {      var XPos = evt.getClientX();      var YPos = evt.getClientY();        targetXtext=svgDocument.getElem ...
查看完整版本 : svg鼠标响应事件的四种方法 鼠标响应事件的四种方法,以click事件为例。 Mouse Events - SMIL xml 代码 xml version="1.0" encoding="ISO-8859-1" standalone="no"?>   "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">   <svg xmlns="http://www.w3 ...
原文出处:https://www6.software.ibm.com/developerworks/cn/education/xml/x-svg/tutorial/index.html   笔划与填充 <nobr>第 1 页(共5 页)</nobr> 整个教程到目前为止,示例已经演示了围绕对象的笔划 ...
定义可重用部件 <nobr>第 1 页(共5 页)</nobr> 通常在 SVG 图像的构建中,各部分或者是可重用的,或者不便于在图像主体内定义。在这些情况下,通常方便的做法是在文档的定义部分内(作为 元素的一部分)通过给这些部分指定以后可在图像主体中调用的标识来创建它们。 例如,在前面一页中显示的图像有两只眼睛,每只眼睛边缘有一个眼镜镜片。这个文档可以在定义部分中定义一个镜片,然后在文档中调用它两次,而不是创建这个镜片两次(如下一页所示)。类似地,眼睛本 ...
控制属性 <nobr>第 1 页(共2 页)</nobr> 即使在 SVG 产生以前,动画和交互性已经在 Web 上确立了牢固的地位。尽管实现可能较复杂,但是概念很简单:更改对象属性值,对象本身看起来就会改变。例如,给 x 坐标增加 50 个像素,对象就会向右移动 50 个像素。 SVG 图像具有相同的概念,但实现却简单得多,这是由于这些能力从开始就构建到语言中。SVG 定义了专用于动画的五种元素: animate:该元素指定一个特定属性(通过 attribu ...
添加文本 <nobr>第 1 页(共3 页)</nobr> SVG 的强大能力之一是它可以将文本控制到标准 HTML 页面不可能有的程度,而无须求助图像或其它插件(后者会带来可访问性挑战)。任何可以在形状或路径上执行的操作(如绘制或滤镜)都可以在文本上执行。 一个不足之处是 SVG 不执行自动换行。如果文本比允许空间长,则简单地将它切断。多数情况下,创建多行文本需要多个文本元素。 可以使用 tspan 元素将文本元素分成几部分,允许每部分有各自的样式。在 te ...
路径是什么? <nobr>第 1 页(共4 页)</nobr> SVG 提供的预定义形状当然是有用的,但有时它们还不足以完成工作。特别是在这两种情况下:第一,当图像需要曲线,它不能由多边形或折线创建,第二,当动画或文本需要沿页面上的特定形状前进时。 这就需要路径了。路径是一系列命令,用来创建作为图像一部分精确定义的形状。该形状可以是开放的(如线)或闭合的(如多边形),并可以包含一条或多条线、曲线和线段。 最基本的路径由几条线段组成。例如: xml 代码 ...
原文出处:https://www6.software.ibm.com/developerworks/cn/education/xml/x-svg/tutorial/index.html  坐标系统和初始观察口(viewport) 元素在整个教程中都是通过坐标定位的。现在是该讨论这些坐标所适应的系统的时候了。 当首次访问文档时,用户代理(在大多数情况下,即浏览器)确定图像的观察口。观察口是文档实际可见的部分并且由一个坐标系统组成,该坐标系统以左上角的点(0,0)为原点,其正的 x 轴向右而正的 y 轴向下。坐标系统中的一个像素对应观察口中的一个像素。 有几个操作可以创建新的坐标系统。变换(接下来 ...
原文出处:https://www6.software.ibm.com/developerworks/cn/education/xml/x-svg/tutorial/index.html 基本 SVG 形状 <nobr>第 3 页(共5 页)</nobr> SVG 定义了六种基本形状,这些基本形状和路径(在路径是什么?中讨论)一道,可以组合起来形成任何可能的图像。每个基本形状都带有指定其位置和大小的属性。它们的颜色和轮廓分别由 fill 和 stroke 属性 ...
在 SVG 中添加交互性 创建响应用户输入的 SVG 文档 级别: 中级 Brian John Venn (vennb@uk.ibm.com), 软件测试员, IBM Business Integration,Hursley Park ...
Inkscape 教程 2007-06-17 Toy Posted in TutorialsRSSTrackback <script type="text/javascript"></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script><iframe name="google_ads_frame&q ...
开源的SVG开发工具: Inkscape Inkscape是一个开放原始码的向量绘图软件,而且功能也十分强大,除了基本的点、线、面、圆形、矩形、曲线之外,也可以做到三维颜色等等高级功能。 Inkscape预设的图档格式为SVG,但也可以输出成Pos ...
搜索svg应用 svg应用 今天没什么事情,发一个以前做的图表的例子,希望对初学者能有所帮助!这是用我用s ...
Global site tag (gtag.js) - Google Analytics