新书推介:《语义网技术体系》
作者:瞿裕忠,胡伟,程龚
   XML论坛     W3CHINA.ORG讨论区     >>计算机科学论坛<<     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
  •   Add to Google

    >> 本版讨论SVG, GML, X3D, VRML, VML, XAML, AVALON, Batik等基于XML的图形技术,以及有关GIS的应用。
    [返回] 计算机科学论坛XML.ORG.CN讨论区 - 高级XML应用『 SVG/GML/VRML/X3D/XAML 』 → 动态svg制作 查看新帖用户列表

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 18990 个阅读者  浏览上一篇主题  刷新本主题   树形显示贴子 浏览下一篇主题
     * 贴子主题: 动态svg制作 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     simplelife 帅哥哟,离线,有人找我吗?
      
      
      等级:大一新生
      文章:6
      积分:77
      门派:XML.ORG.CN
      注册:2004/7/29

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给simplelife发送一个短消息 把simplelife加入好友 查看simplelife的个人资料 搜索simplelife在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看simplelife的博客11
    发贴心情 

    上面那个访骇客帝国的效果超漂亮
    而且只要7K
    划算

    关闭广告显示
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2004/8/26 18:09:00
     
     SCYANGYU 帅哥哟,离线,有人找我吗?处女座1971-9-20
      
      
      威望:7
      等级:大四(每天看1小时莱昂氏)
      文章:217
      积分:1281
      门派:XML.ORG.CN
      注册:2005/2/17

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给SCYANGYU发送一个短消息 把SCYANGYU加入好友 查看SCYANGYU的个人资料 搜索SCYANGYU在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看SCYANGYU的博客12
    发贴心情 
    以下是引用卷积内核在2004-8-10 15:08:47的发言:
    对SVG感兴趣的也太少了,好可怜呐,欣赏一点好不好。

    就是!

    不过我算一个爱好者。我来积极参与!

    ----------------------------------------------
    http://borland.mblogger.cn/scyangyu/

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/2/18 13:49:00
     
     zhufeng 帅哥哟,离线,有人找我吗?双子座1982-6-1
      
      
      等级:大一(猛啃高等数学)
      文章:19
      积分:127
      门派:XML.ORG.CN
      注册:2005/4/2

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给zhufeng发送一个短消息 把zhufeng加入好友 查看zhufeng的个人资料 搜索zhufeng在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看zhufeng的博客13
    发贴心情 
    参照楼主的思路和论坛里贴的有关动态产生文本的例子,我做了一个,请高手指点,本人觉得重复用了几个Math.random()函数,CPU占用率比较高,不知那个高手能改进一下,还有一个问题就是代码重复太多。
    <?xml version="1.0" standalone="no"?>
    <!DOCTYPE svg>
    <svg width="200" height="100" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" zoomAndPan="magnify" onload="text_random()">
    <!-- Set the background to black. To see better how this all works, set the fill style below to red -->
      <defs>
       <script type="text/javascript">
          <![CDATA[
          var svgroot,text1,text2,text3,text4,text5,text6;
          svgroot=document.documentElement;
          text1=svgroot.getElementById("textid1");
          text2=svgroot.getElementById("textid2");
          text3=svgroot.getElementById("textid3");
          text4=svgroot.getElementById("textid4");
          text5=svgroot.getElementById("textid5");
          text6=svgroot.getElementById("textid6");
          function text_random()
          {
            var t;
            t=Math.round(Math.random(5)*10+0.5)-1;
            text1.firstChild.data=t;
            t=Math.round(Math.random(5)*10+0.5)-1;
            text2.firstChild.data=t;
            t=Math.round(Math.random(5)*10+0.5)-1;
            text3.firstChild.data=t;
            t=Math.round(Math.random(5)*10+0.5)-1;
            text4.firstChild.data=t;
            t=Math.round(Math.random(5)*10+0.5)-1;
            text5.firstChild.data=t;
            t=Math.round(Math.random(5)*10+0.5)-1;
            text6.firstChild.data=t;
            setTimeout("text_random()",500);
          }
          ]]>
        </script>

      <g id="move1" style="font-size: 14; fill: rgb(0,255,0);">
      <text id="textid1" x="0" y="10">
      <animate attributeName="y" from="0" to="100" dur="1s" begin="0.1s" repeatCount="indefinite" fill="freeze" accumulate="none" additive="replace" calcMode="linear" restart="always"/>
      <animate attributeName="opacity" from="1" to="0.1" dur="1s" begin="0.1s" repeatCount="indefinite" accumulate="none" additive="replace" calcMode="linear" fill="remove" restart="always"/>
      </text>
      <text id="textid2" x="0" y="20">
      <animate attributeName="y" from="0" to="100" dur="1s" begin="0.2s" repeatCount="indefinite" fill="freeze" accumulate="none" additive="replace" calcMode="linear" restart="always"/>
      <animate attributeName="opacity" from="1" to="0.1" dur="1s" begin="0.2s" repeatCount="indefinite" accumulate="none" additive="replace" calcMode="linear" fill="remove" restart="always"/>
      </text>
      <text id="textid3" x="0" y="30">
      <animate attributeName="y" from="0" to="100" dur="1s" begin="0.3s" repeatCount="indefinite" fill="freeze" accumulate="none" additive="replace" calcMode="linear" restart="always"/>
      <animate attributeName="opacity" from="1" to="0.1" dur="1s" begin="0.3s" repeatCount="indefinite" accumulate="none" additive="replace" calcMode="linear" fill="remove" restart="always"/>
      </text>
      <text id="textid4" x="0" y="40">
      <animate attributeName="y" from="0" to="100" dur="1s" begin="0.4s" repeatCount="indefinite" fill="freeze" accumulate="none" additive="replace" calcMode="linear" restart="always"/>
      <animate attributeName="opacity" from="1" to="0.1" dur="1s" begin="0.4s" repeatCount="indefinite" accumulate="none" additive="replace" calcMode="linear" fill="remove" restart="always"/>
      </text>
      <text id="textid5" x="0" y="50">
      <animate attributeName="y" from="0" to="100" dur="1s" begin="0.5s" repeatCount="indefinite" fill="freeze" accumulate="none" additive="replace" calcMode="linear" restart="always"/>
      <animate attributeName="opacity" from="1" to="0.1" dur="1s" begin="0.5s" repeatCount="indefinite" accumulate="none" additive="replace" calcMode="linear" fill="remove" restart="always"/>
      </text>
      <text id="textid6" x="0" y="60">
      <animate attributeName="y" from="0" to="100" dur="1s" begin="0.6s" repeatCount="indefinite" fill="freeze" accumulate="none" additive="replace" calcMode="linear" restart="always"/>
      <animate attributeName="opacity" from="1" to="0.1" dur="1s" begin="0.6s" repeatCount="indefinite" accumulate="none" additive="replace" calcMode="linear" fill="remove" restart="always"/>
      </text>
      </g>
      </defs>

    <rect id="refBox" x="0" y="0" height="100" width="776" style="fill:black"/>

    <!-- This is a logo of the state -->
      <g id="g_logo">

        <!-- Set the text. Make it vertical by rotating the whole group 90 degrees -->
    <use xlink:href="#move1" transform="translate(10 -50)">
      <animate attributeName="y" from="0" to="100" dur="1s" begin="0.1s" repeatCount="indefinite" fill="freeze" accumulate="none" additive="replace" calcMode="linear" restart="always"/>
    </use>
    <use xlink:href="#move1" transform="translate(30 -50)">
      <animate attributeName="y" from="0" to="100" dur="1.2s" begin="0.3s" repeatCount="indefinite" fill="freeze" accumulate="none" additive="replace" calcMode="linear" restart="always"/>
    </use>
    <use xlink:href="#move1" transform="translate(50 -50)">
      <animate attributeName="y" from="0" to="100" dur="1.5s" begin="0.1s" repeatCount="indefinite" fill="freeze" accumulate="none" additive="replace" calcMode="linear" restart="always"/>
    </use>
    <use xlink:href="#move1" transform="translate(70 -50)">
      <animate attributeName="y" from="0" to="100" dur="1.1s" begin="0.2s" repeatCount="indefinite" fill="freeze" accumulate="none" additive="replace" calcMode="linear" restart="always"/>
    </use>
    <use xlink:href="#move1" transform="translate(90 -50)">
      <animate attributeName="y" from="0" to="100" dur="1s" begin="0.4s" repeatCount="indefinite" fill="freeze" accumulate="none" additive="replace" calcMode="linear" restart="always"/>
    </use>
    <use xlink:href="#move1" transform="translate(110 -50)">
      <animate attributeName="y" from="0" to="100" dur="1.3s" begin="0.1s" repeatCount="indefinite" fill="freeze" accumulate="none" additive="replace" calcMode="linear" restart="always"/>
    </use>
    <use xlink:href="#move1" transform="translate(130 -50)">
      <animate attributeName="y" from="0" to="100" dur="1.2s" begin="0.2s" repeatCount="indefinite" fill="freeze" accumulate="none" additive="replace" calcMode="linear" restart="always"/>
    </use>
    <use xlink:href="#move1" transform="translate(150 -50)">
      <animate attributeName="y" from="0" to="100" dur="1.1s" begin="0.3s" repeatCount="indefinite" fill="freeze" accumulate="none" additive="replace" calcMode="linear" restart="always"/>
    </use>
    </svg>

    ----------------------------------------------
    悄悄的我走了,就像我轻轻的来,我挥一挥衣袖,不带走一片云彩!

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/4/25 3:07:00
     
     keeponline 美女呀,离线,快来找我吧!天秤座1975-10-21
      
      
      威望:4
      等级:大四寒假(收到IBM的Offer啦)
      文章:190
      积分:1150
      门派:W3CHINA.ORG
      注册:2005/1/20

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给keeponline发送一个短消息 把keeponline加入好友 查看keeponline的个人资料 搜索keeponline在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看keeponline的博客14
    发贴心情 
    我也做了个台风显示的SVG,效果和后台都基本做好。有兴趣的可以找我keeponline75@hotmail.com,或者QQ106076402

    ----------------------------------------------
    买书不等于读书,读书不一定要买书。

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/4/25 11:48:00
     
     fubinkun 帅哥哟,离线,有人找我吗?
      
      
      等级:大一(高数修炼中)
      文章:11
      积分:101
      门派:XML.ORG.CN
      注册:2005/4/23

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给fubinkun发送一个短消息 把fubinkun加入好友 查看fubinkun的个人资料 搜索fubinkun在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看fubinkun的博客15
    发贴心情 
    不知道是用什么工具做的呀
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/5/7 13:30:00
     
     zzzzzz2 帅哥哟,离线,有人找我吗?
      
      
      等级:大一(猛啃高等数学)
      文章:40
      积分:150
      门派:XML.ORG.CN
      注册:2005/5/10

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给zzzzzz2发送一个短消息 把zzzzzz2加入好友 查看zzzzzz2的个人资料 搜索zzzzzz2在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看zzzzzz2的博客16
    发贴心情 
    好强的黑客帝国 啊,佩服!!!
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/5/10 23:56:00
     
     boysky 帅哥哟,离线,有人找我吗?
      
      
      等级:大一新生
      文章:7
      积分:86
      门派:XML.ORG.CN
      注册:2005/5/13

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给boysky发送一个短消息 把boysky加入好友 查看boysky的个人资料 搜索boysky在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看boysky的博客17
    发贴心情 
    不错不错!
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2005/5/13 8:14:00
     
     GoogleAdSense
      
      
      等级:大一新生
      文章:1
      积分:50
      门派:无门无派
      院校:未填写
      注册:2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2025/7/25 13:40:29

    本主题贴数17,分页: [1] [2]

    管理选项修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    8,171.875ms