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

    >> 本版讨论SVG, GML, X3D, VRML, VML, XAML, AVALON, Batik等基于XML的图形技术，以及有关GIS的应用。
    [返回] 中文XML论坛 - 专业的XML技术讨论区 → XML.ORG.CN讨论区 - 高级XML应用 → 『 SVG/GML/VRML/X3D/XAML 』 → 如何实现SVG图形的均匀闪烁?? ◇查看新帖 ◇ 用户列表 ◇

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 6980 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子　浏览下一篇主题
     * 贴子主题： 如何实现SVG图形的均匀闪烁?? 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     vachin 帅哥哟，离线，有人找我吗？
      
      
      等级：大二期末(汇编考了97分!)
      文章：62
      积分：423
      门派：XML.ORG.CN
      注册：2006/6/9

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给vachin发送一个短消息 把vachin加入好友 查看vachin的个人资料 搜索vachin在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看vachin的博客楼主
    发贴心情 如何实现SVG图形的均匀闪烁??

    不用脚本,只用SVG的Animation如何实现一个图形的均匀时间的闪烁

    变化visibility或是opacity

    我只能让它闪烁一次,使用repeatCount时有问题!!!!

    有谁试过啊??!!谢谢!


       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/8/30 15:58:00
     
     tamefox 美女呀，离线，快来找我吧！魔羯座1980-1-1
      
      
      威望：1
      等级：大四(每天看1小时莱昂氏)
      文章：129
      积分：1236
      门派：XML.ORG.CN
      注册：2005/7/6

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给tamefox发送一个短消息 把tamefox加入好友 查看tamefox的个人资料 搜索tamefox在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看tamefox的博客第2楼
    发贴心情 
    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
    "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-flat-20030114.dtd">
    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
     <desc>
      <!-- put a description here -->
     </desc>
     <script type="text/javascript"><![CDATA[
     var timerIncrement=20;
     var limit=2000;
     var timeValue=0;
     function twinkle(){
             var obj=document.getElementById("c");
            timeValue = timeValue + timerIncrement;
            if(timeValue>limit){
            timeValue = 0;
            }
           else if(timeValue>(limit/2)){
              opacityfactor = timeValue/(limit+3*(limit-timeValue));
            }
           else{
               opacityfactor = limit/(limit+timeValue*8);    
           }
           obj.setAttribute("opacity", opacityfactor);
           setTimeout("twinkle()", timerIncrement/2);
        } 
     ]]></script>
     <g>
      <!-- your graphic here -->
      <circle id="c" r="50" cx="100" cy="100" onclick="twinkle()"></circle>
     </g>
    </svg>

    ----------------------------------------------
    无为而无所不为
    有为而有所不为

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/8/30 18:40:00
     
     wwwtiger 帅哥哟，离线，有人找我吗？
      
      
      等级：大三(研究MFC有点眉目了!)
      文章：62
      积分：716
      门派：XML.ORG.CN
      注册：2006/8/3

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给wwwtiger发送一个短消息 把wwwtiger加入好友 查看wwwtiger的个人资料 搜索wwwtiger在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看wwwtiger的博客第3楼
    发贴心情 
    <circle id="c1" r="50" cx="200" cy="200" >
      <animate attributeName="opacity" from="0" to="1" dur="0.5s"
                      repeatCount="indefinite" />
      </circle>

    ASV 3.03 WINXP下可以闪烁

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/8/31 8:38:00
     
     vachin 帅哥哟，离线，有人找我吗？
      
      
      等级：大二期末(汇编考了97分!)
      文章：62
      积分：423
      门派：XML.ORG.CN
      注册：2006/6/9

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给vachin发送一个短消息 把vachin加入好友 查看vachin的个人资料 搜索vachin在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看vachin的博客第4楼
    发贴心情 
    谢谢楼上的
    我用的是
    <animate id="Flash" attributeType="CSS" attributeName="visibility" from="visible" to="hidden" dur="1s" repeatCount="indefinite" />

    看看这个

    <?xml version="1.0" encoding="UTF-8"?>
    <svg  width="400px" height="300px" viewBox="0 0 400 300" fill="none">
        
    <defs>
    <animate id="Flash" attributeType="CSS" attributeName="visibility" from="visible" to="hidden" dur="1s" repeatCount="indefinite" />
    </defs>

    <rect x="50" y="50" width="200" height="200" stroke="red" fill="none"/>

    <g transform="translate(150,150)">
    <circle cx="10" cy="10" r="60" fill="red" stroke="blue">
    <use xlink:href="#Flash"/>
    </circle>
    </g>

    </svg>


    animate可以在defs中定义,并且使用use来调用吗?

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/8/31 11:25:00
     
     wwwtiger 帅哥哟，离线，有人找我吗？
      
      
      等级：大三(研究MFC有点眉目了!)
      文章：62
      积分：716
      门派：XML.ORG.CN
      注册：2006/8/3

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给wwwtiger发送一个短消息 把wwwtiger加入好友 查看wwwtiger的个人资料 搜索wwwtiger在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看wwwtiger的博客第5楼
    发贴心情 
    为什么非要这样用呢，象下面这样不行吗？
    <defs>
    <circle id="Flash" cx="10" cy="10" r="60" fill="red" stroke="blue">
    <animate attributeType="CSS" attributeName="visibility" from="visible" to="hidden" dur="1s" repeatCount="indefinite" />
    </circle>
    </defs>

    <g transform="translate(250,250)">
    <use xlink:href="#Flash"/>
    </g>

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/8/31 12:51:00
     
     GoogleAdSense
      
      
      等级：大一新生
      文章：1
      积分：50
      门派：无门无派
      院校：未填写
      注册：2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/5/13 16:30:56

    本主题贴数5，分页： [1]

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