• 发布时间 文章标题
  • 2007-06-07 svg表盘实例

    ?xml version="1.0" encoding="ISO-8859-1"? !-- Generator: Adobe Illustrator 9.0, SVG Export Plug-In -- !DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" " http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd " svg defs filter id="metallic" feGaussian...

  • 2007-06-07 svg图形拖动的例子/解决方法

    怎样实现对svg的拖动的操作? svg图形拖动的例子~ 在鼠标事件里处理,在onmousedown开始处理,在onmousemove中改变目标坐标,在onmouseup结束处理 ?xml version='1.0' standalone='no'? !DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SV...

  • 2007-06-07 SVG 与 XML 商业图表实务

    developerWorks 学习如何使用 XML、PHP 和 Adobe 的可缩放向量图形(SVG)标准创建商业图像。SVG 标准为图像提供了无限级的向量缩放、可视化效果以及基于脚本的交互性。 我承认,我是一个图像痴迷者。从孩提时候起我就喜欢有漂亮图像的计算机。这也是与 TRS-80 相比我...

  • 2007-06-07 SVG动画技术--SMIL动画应用实例

    SVG的动画元素标准的指定者与SYMM(Synchronized Multimedia)工作组合作,共同编写了SMIL动画规范,这个规范描绘了XML文档结构中使用的通用的动画特征集。SVG不但实现了SMIL的动画规范,同时也提供了一些SVG的特殊扩展。SVG定义了比SMIL动画更为严格的错误处理程序,当...

  • 2007-06-04 Example PreserveAspectRatio - demonstrate available options

    svg width="480px" height="270px" style="font-family:Verdana; font-size:8" descExample PreserveAspectRatio - demonstrate available options/desc text x="10" y="30"SVG to fit/text g transform="translate(20,40)" rect x=".5" y=".5" width="29" height="39"...

  • 2007-06-04 Example Nested - Nested transformations

    svg width="400px" height="150px" descExample Nested - Nested transformations/desc g style="fill:none; stroke:black; stroke-width:3" line x1="0" y1="1.5" x2="400" y2="1.5"/ line x1="1.5" y1="0" x2="1.5" y2="150"/ /g g transform="translate(50,90)" g s...

  • 2007-06-04 Example InitialCoords - SVG's initial coordinate system

    svg width="300px" height="100px" descExample InitialCoords - SVG's initial coordinate system/desc g style="fill:none; stroke:black; stroke-width:3" line x1="0" y1="1.5" x2="300" y2="1.5"/ line x1="1.5" y1="0" x2="1.5" y2="100"/ /g g style="fill:red;...

  • 2007-06-04 Example AbsoluteUnitsRedefined - Transformation with establi

    svg width="480px" height="225px" style="font-family:Verdana" descExample AbsoluteUnitsRedefined - Transformation with establishment of a new viewport /desc rect x="1" y="1" width="478" height="223" style="fill:none; stroke:blue"/ text x="20" y="25"...

  • 2007-06-04 Example AbsoluteUnits - Absolute units and coordinate transf

    svg width="450px" height="150px" style="font-family:Verdana" descExample AbsoluteUnits - Absolute units and coordinate transformations /desc rect x="1" y="1" width="448" height="148" style="fill:none; stroke:blue"/ text x="20" y="25" style="font-siz...

  • 2007-06-04 Example feComponentTransfer - Examples of feComponentTransfe

    svg width="8cm" height="4cm" viewBox="0 0 800 400" titleExample feComponentTransfer - Examples of feComponentTransfer operations/title descFour text strings showing the effects of feComponentTransfer: an identity function acting as a reference, use...

  • 2007-06-04 Example feColorMatrix - Examples of feColorMatrix operations

    svg width="8cm" height="5cm" viewBox="0 0 800 500" titleExample feColorMatrix - Examples of feColorMatrix operations/title descFive text strings showing the effects of feColorMatrix: an unfiltered text string acting as a reference, use of the feColo...

  • 2007-06-04 Example feBlend - Examples of feBlend modes

    svg width="5cm" height="5cm" viewBox="0 0 500 500" titleExample feBlend - Examples of feBlend modes/title descFive text strings blended into a gradient, with one text string for each of the five feBlend modes./desc defs linearGradient id="MyGradient...

  • 2007-06-04 Example radgrad01 - fill a rectangle by referencing a radial

    svg width="8cm" height="4cm" descExample radgrad01 - fill a rectangle by referencing a radial gradient paint server/desc g defs radialGradient id="MyGradient" cx="4cm" cy="2cm" r="3cm" fx="4cm" fy="2cm" stop offset="0%" style="stop-color:red"/ stop...

  • 2007-06-04 Example lingrad01 - fill a rectangle using a linear gradient

    svg width=8cm height=4cm descExample lingrad01 - fill a rectangle using a linear gradient paint server/desc g defs linearGradient id=MyGradient stop...

  • 2007-06-04 Example triangle01- simple example of a 'path'

    svg width=4cm height=4cm viewBox=0 0 400 400 titleExample triangle01- simple example of a 'path'/title descA path that draws a rectangle/desc rect x=1...