新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚
   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 』 → 为什么用USE 后就不能全部显示内容？ ◇查看新帖 ◇ 用户列表 ◇

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 5693 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子　浏览下一篇主题
     * 贴子主题： 为什么用USE 后就不能全部显示内容？ 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     collar_lu 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：17
      积分：122
      门派：XML.ORG.CN
      注册：2004/9/30

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给collar_lu发送一个短消息 把collar_lu加入好友 查看collar_lu的个人资料 搜索collar_lu在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看collar_lu的博客楼主
    发贴心情 为什么用USE 后就不能全部显示内容？

    我定义了一个SYMBOL 然后在后面USE里调用，由于SYMBOL中的一些图元坐标超出正常视图范围，所以，USE时就不能显示出超出的那部分。

    但不用SYMBOL 和 USE 直接绘制，通过鼠标拖动图形，还是能看到图形的全貌的。

    如下：

    <?xml version="1.0" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
      "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    <svg width="100%" height="100%" version="1.1"  
         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <symbol id="two">
     <g transform ="scale(1, -1)" >
    <circle fill="none" cx="1" cy="14" stroke="black" r="15" />
    <circle fill="none" cx="-15" cy="0" stroke="black" r="15" />
    <circle fill="none" cx="16" cy="0" stroke="black" r="19" />
    <circle fill="none" cx="0" cy="-16" stroke="black" r="15" />
    <line stroke="black" y1="30" x1="0" y2="14" x2="0" />
    <line stroke="black" y1="14" x1="0" y2="10" x2="-4" />
    <line stroke="black" y1="14" x1="0" y2="10" x2="4" />
    <line stroke="black" y1="0" x1="-30" y2="0" x2="-12" />
    <line stroke="black" y1="0" x1="-12" y2="4" x2="-8" />
    <line stroke="black" y1="0" x1="-12" y2="-4" x2="-8" />
    <line stroke="black" y1="-30" x1="0" y2="-12" x2="0" />
    <line stroke="black" y1="-12" x1="0" y2="-8" x2="4" />
    <line stroke="black" y1="-12" x1="0" y2="-8" x2="-4" />
    <line stroke="black" y1="4" x1="12" y2="-6" x2="12" />
    <line stroke="black" y1="4" x1="12" y2="0" x2="16" />
    <line stroke="black" y1="-6" x1="12" y2="-4" x2="16" />
    <line stroke="black" y1="30" x1="0" y2="40" x2="0" />
    </g>
    </symbol>
    </def>
    <use x="0" y="0" width="600" height="600" xlink:href="#two" />
    </svg>


    注意，只要把上面的SYMBOL 和 USE 去掉，直接绘制是没问题，只不过有部分绘制内容要通过鼠标拖动才能看见。


       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/10/16 13:26:00
     
     collar_lu 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：17
      积分：122
      门派：XML.ORG.CN
      注册：2004/9/30

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给collar_lu发送一个短消息 把collar_lu加入好友 查看collar_lu的个人资料 搜索collar_lu在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看collar_lu的博客第2楼
    发贴心情 
    怎么没人回答？举个简单的例子

    <?xml version="1.0" encoding="UTF-8"?>
    <svg width="100%" version="1.2" xmlns="http://www.w3.org/2000/svg" height="100%" baseProfile="tiny" >
    <symbol id="two">
    <circle fill="red" cx="100" cy="100" stroke="black" r="100" />
    </symbol>
    <use x="0" y="0" width="600" height="600" xlink:href="#two" />
    </svg>

    能完美的显示出来，但如果把 CX CY都改成 “-10”， 则只显示一个圆的四分之一，即使用鼠标拖动也只有四分之一。

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

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给vachin发送一个短消息 把vachin加入好友 查看vachin的个人资料 搜索vachin在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看vachin的博客第3楼
    发贴心情 
    在symbol节点加入overflow="visible"
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/10/18 15:21:00
     
     collar_lu 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：17
      积分：122
      门派：XML.ORG.CN
      注册：2004/9/30

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给collar_lu发送一个短消息 把collar_lu加入好友 查看collar_lu的个人资料 搜索collar_lu在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看collar_lu的博客第4楼
    发贴心情 
    谢谢，我还有个问题：
    由于我现在在做一个图形转换器（将自定义格式文件转换成SVG文件），该自定义文件中的坐标的原点是在“左下角”， 而转换后浏览器的坐标是默认的“左上角”，于是，我在每个G元素上加上transform="scale(1,-1)"（用来将Y轴翻转朝上），可是带来的问题是，画出来的图形形状是对的，但坐标偏离了，有的偏到了视图范围之外，有什么办法解决吗？

    我试着使用tanslate，但这个要给每个G 元素指定tanslate的参数，很麻烦，有什么好的办法吗？
    就是让不在IE浏览器视图范围之内的图形全部显示出来，有好办法吗？

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

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给vachin发送一个短消息 把vachin加入好友 查看vachin的个人资料 搜索vachin在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看vachin的博客第5楼
    发贴心情 
    <?xml version="1.0" encoding="UTF-8"?>
    <svg>
    <g transform="translate(100,100),scale(1,-1)">
    <rect transform="scale(1,-1)" x="20" y="20" width="100" height="60" fill="red"/>
    <circle transform="translate(20,-80)" cx="50" cy="80" r="20" fill="blue">
    <g>
    </svg>

    对g元素使用transform,translate的值为(图高度,0)

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/10/19 9:59: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/6/23 1:13:03

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

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