新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚
   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中应用css，有问题请高手帮忙！ ◇查看新帖 ◇ 用户列表 ◇

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 4667 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子　浏览下一篇主题
     * 贴子主题： [求助]在svg中应用css，有问题请高手帮忙！ 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     zhiyu-2000 美女呀，离线，快来找我吧！
      
      
      等级：大三(面向对象是个好东东!)
      文章：77
      积分：547
      门派：XML.ORG.CN
      注册：2004/12/3

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给zhiyu-2000发送一个短消息 把zhiyu-2000加入好友 查看zhiyu-2000的个人资料 搜索zhiyu-2000在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看zhiyu-2000的博客楼主
    发贴心情 [求助]在svg中应用css，有问题请高手帮忙！

    我的svg命名为bigmotor.svg，内容如下：

    <?xml version="1.0" encoding="UTF-8"?>
    <?xml-stylesheet href="bigmotorstyle.css" type="text/css"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
             "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    <svg xmlns="http://www.w3.org/2000/svg" width="240" height="80">
     <title>Motor</title>
     <desc>Motor symbol as depicted in process control diagrams</desc>
     <defs>
      <linearGradient id="greyThreeD" x1="0%" x2="0%" y1="0%" y2="100%">
       <stop offset="0%" stop-color="grey"/>
       <stop offset="30%" stop-color="white"/>
       <stop offset="100%" stop-color="black"/>
      </linearGradient>
      <linearGradient id="greenThreeD" x1="0%" x2="0%" y1="0%" y2="100%">
       <stop offset="0%" stop-color="green"/>
       <stop offset="30%" stop-color="lime"/>
       <stop offset="100%" stop-color="black"/>
      </linearGradient>
      <clipPath id="cliprect">
       <rect x="0" y="10" width="120" height="60" stroke="black"
        stroke-width="2" fill="none"/>
      </clipPath>
      <symbol id="motor" viewBox="0 0 120 80" preserveAspectRatio="xMidYMid meet">
       <circle cx="60" cy="40" r="50" clip-path="url(#cliprect)"/>
       <rect x="20" y="10" width="80" height="60"/>
       <path d="M 110 40 L 114 40 M 114 42 L 114 38"/>
      </symbol>
     </defs>
     <g>
      <use xlink:href="#motor" class="on" x="0" y="0" height="80" width="120"/>
      <use xlink:href="#motor" class="off" x="120" y="0" height="80" width="120"/>
     </g>
    </svg>


    css命名为BigMotorStyle.css， 内容如下：

    .on
    {
     fill: url(bigmotor.svg#greenThreeD);
     stroke: black;
    }

    .off
    {
     fill: url(bigmotor.svg#greyThreeD);
     stroke: black;
    }

    问题是在svg中根本就看不出linearGradient的效果，为什么？哪里出问题了？
    这两个是放在同一目录下的。请高手赐教！


       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/14 14:27:00
     
     weiwei530530 帅哥哟，离线，有人找我吗？白羊座1982-4-19
      
      
      等级：大二期末(数据结构考了98分!)
      文章：56
      积分：359
      门派：XHTML.ORG.CN
      注册：2003/12/23

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给weiwei530530发送一个短消息 把weiwei530530加入好友 查看weiwei530530的个人资料 搜索weiwei530530在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看weiwei530530的博客第2楼
    发贴心情 
    <stop offset="0%" stop-color="grey"/>
    gray
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/14 18:25:00
     
     zhiyu-2000 美女呀，离线，快来找我吧！
      
      
      等级：大三(面向对象是个好东东!)
      文章：77
      积分：547
      门派：XML.ORG.CN
      注册：2004/12/3

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给zhiyu-2000发送一个短消息 把zhiyu-2000加入好友 查看zhiyu-2000的个人资料 搜索zhiyu-2000在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看zhiyu-2000的博客第3楼
    发贴心情 
    gray 和 grey是一样的，都是RGB(128,128,128)，不是这个原因！
    不过还是多谢了！
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/15 8:24:00
     
     weiwei530530 帅哥哟，离线，有人找我吗？白羊座1982-4-19
      
      
      等级：大二期末(数据结构考了98分!)
      文章：56
      积分：359
      门派：XHTML.ORG.CN
      注册：2003/12/23

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给weiwei530530发送一个短消息 把weiwei530530加入好友 查看weiwei530530的个人资料 搜索weiwei530530在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看weiwei530530的博客第4楼
    发贴心情 
    asv还不支持跨文件 写在同一个文件就可以了
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/27 10:27:00
     
     zhiyu-2000 美女呀，离线，快来找我吧！
      
      
      等级：大三(面向对象是个好东东!)
      文章：77
      积分：547
      门派：XML.ORG.CN
      注册：2004/12/3

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给zhiyu-2000发送一个短消息 把zhiyu-2000加入好友 查看zhiyu-2000的个人资料 搜索zhiyu-2000在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看zhiyu-2000的博客第5楼
    发贴心情 
    呵呵
    写在同一个文件里果真可以了！多谢！
    再问一句：是svg不支持还是浏览插件不支持？
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/27 19:59:00
     
     weiwei530530 帅哥哟，离线，有人找我吗？白羊座1982-4-19
      
      
      等级：大二期末(数据结构考了98分!)
      文章：56
      积分：359
      门派：XHTML.ORG.CN
      注册：2003/12/23

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给weiwei530530发送一个短消息 把weiwei530530加入好友 查看weiwei530530的个人资料 搜索weiwei530530在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看weiwei530530的博客第6楼
    发贴心情 
    ＸＭＬ／ＳＶＧ是支持的
    adobe svgviewer不支持
    Batik支持
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/28 10:21:00
     
     GoogleAdSense白羊座1982-4-19
      
      
      等级：大一新生
      文章：1
      积分：50
      门派：无门无派
      院校：未填写
      注册：2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/6/7 10:01:45

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

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