新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚
   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 』 → 如何在html的js代码中调用嵌入的svg文件中js片段函数？ ◇查看新帖 ◇ 用户列表 ◇

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 15976 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子　浏览下一篇主题
     * 贴子主题： 如何在html的js代码中调用嵌入的svg文件中js片段函数？ 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     semonxuan 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：5
      积分：91
      门派：XML.ORG.CN
      注册：2006/7/20

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给semonxuan发送一个短消息 把semonxuan加入好友 查看semonxuan的个人资料 搜索semonxuan在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看semonxuan的博客楼主
    发贴心情 如何在html的js代码中调用嵌入的svg文件中js片段函数？

    在html中用embed嵌入了一个svg文件，在html和svg中都写了一些js代码，想问一下怎么在html中调用写在svg文件中js函数。

       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/9/20 17:01:00
     
     1976zj 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：2
      积分：60
      门派：XML.ORG.CN
      注册：2006/9/11

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给1976zj发送一个短消息 把1976zj加入好友 查看1976zj的个人资料 搜索1976zj在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看1976zj的博客第2楼
    发贴心情 
    顶一下,我正好也遇到这个问题了.
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/9/21 10:01:00
     
     semonxuan 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：5
      积分：91
      门派：XML.ORG.CN
      注册：2006/7/20

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给semonxuan发送一个短消息 把semonxuan加入好友 查看semonxuan的个人资料 搜索semonxuan在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看semonxuan的博客第3楼
    发贴心情 
    这样调用有什么问题？
    文件rec.svg
    <?xml version="1.0" encoding="iso-8859-1" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
      "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    <svg width="400" height="400" viewBox="0 0 400 400" onload="init(evt)">
    <script language="javascript">
    <![CDATA[
       var SVGDocument=null;
       function init(evt)
       {
        SVGDocument=evt.getTarget().getOwnerDocument();
       }
       function changeColor(color)
       {
        SVGDocument.getElementById("rect").getStyle().setProperty("fill",color);
       }
    //  ]]>
    </script>
    <rect id="rect" x="100" y="100" width="200" height="200" style="fill:red"/>
    </svg>


    文件rectCon.html

    <html>
    <body>
    <embed type="image/svg+xml" src="rec.svg" width="400" height="400">
    <br>
    <input type="button" value="green" onClick="window.changeColor(this.value)">
    </body>
    </html>
    就是使svg中矩形颜色变成button的颜色。

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/9/22 16:02:00
     
     fuyu131 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：13
      积分：97
      门派：XML.ORG.CN
      注册：2006/8/18

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给fuyu131发送一个短消息 把fuyu131加入好友 查看fuyu131的个人资料 搜索fuyu131在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看fuyu131的博客第4楼
    发贴心情 
    晕，怎么上面的程序，会报js错误啊？
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/9/25 17:05:00
     
     vachin 帅哥哟，离线，有人找我吗？
      
      
      等级：大二期末(汇编考了97分!)
      文章：62
      积分：423
      门派：XML.ORG.CN
      注册：2006/6/9

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给vachin发送一个短消息 把vachin加入好友 查看vachin的个人资料 搜索vachin在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看vachin的博客第5楼
    发贴心情 
    这是因为html document的父窗口和svg document的父窗口不一致.

    你可以进行如下改动

    svg文件不变

    html文件:

    <html>
    <body>
    <embed name="svg" type="image/svg+xml" src="rec.svg" width="400" height="400">
    <br>
    <input type="button" value="green" onClick="svg.window.changeColor(this.value)">
    </body>
    </html>

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/9/26 9:44:00
     
     aone_ 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：6
      积分：80
      门派：XML.ORG.CN
      注册：2006/9/27

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给aone_发送一个短消息 把aone_加入好友 查看aone_的个人资料 搜索aone_在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看aone_的博客第6楼
    发贴心情 
    楼上的方法也不行，我试过了，报错说：svg.window为空或不是对象。
    这个问题我也想了半天了，哪位知道希望教点一下。。谢谢了，
    QQ:4384339
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/9/27 11:25:00
     
     vachin 帅哥哟，离线，有人找我吗？
      
      
      等级：大二期末(汇编考了97分!)
      文章：62
      积分：423
      门派：XML.ORG.CN
      注册：2006/6/9

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给vachin发送一个短消息 把vachin加入好友 查看vachin的个人资料 搜索vachin在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看vachin的博客第7楼
    发贴心情 
    你在<embed>节点加入 name="svg"了吗??
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/9/27 11:53:00
     
     aone_ 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：6
      积分：80
      门派：XML.ORG.CN
      注册：2006/9/27

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给aone_发送一个短消息 把aone_加入好友 查看aone_的个人资料 搜索aone_在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看aone_的博客第8楼
    发贴心情 
    好了，谢谢vachin~~~
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/9/27 13:56: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的博客第9楼
    发贴心情 
    very good
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/10/15 13:57:00
     
     yyg291906351 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：1
      积分：54
      门派：XML.ORG.CN
      注册：2011/11/10

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给yyg291906351发送一个短消息 把yyg291906351加入好友 查看yyg291906351的个人资料 搜索yyg291906351在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看yyg291906351的博客第10楼
    发贴心情 
    很好
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2011/11/10 17:10: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/12/22 5:14:26

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

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