Html里的javascript怎样操作svg文件呢?

问题描述

就是我想在这个Html里点击新建,然后触发onclick="newCanvas()"里的newCanvas()函数,然后可以在这个函数中对svg进行操作,可以清空svg画布(<EMBEDname="webBrush"id=webBrush"src="test5.svg"height="474"width="611"type="image/svg-xml">[/)等操作。请教:这样怎么实现呢?<tablestyle="position:absolute;left:20px;top:30px;"border="0"cellpacing="0"cellpading="0"width="100%"id="TABLE1"onclick="returnTABLE1_onclick()"><tr><tdstyle="width:200px;height:500px"><imgsrc="../../images/drawing/btn/new_out.bmp"border="0"alt="新建"id="new"class='normal'onmouseover="src='../../images/drawing/btn/new_over.bmp'"onmouseout="src='../../images/drawing/btn/new_out.bmp'"onmousedown="this.className='buttonDown'"onmouseup="this.className='buttonUp'"onclick="newCanvas()"style="position:absolute;top:110px;left:30px;width:38px;height:56px"><br/><imgsrc="../../images/drawing/btn/save_out.bmp"border="0"alt="保存"id="save"class='normal'onmouseover="src='../../images/drawing/btn/save_over.bmp'"onmouseout="src='../../images/drawing/btn/save_out.bmp'"onmousedown="this.className='buttonDown'"onmouseup="this.className='buttonUp'"onclick="saveCanvas()"style="position:absolute;top:184px;left:35px;width:27px;height:55px"><br/><imgsrc="../../images/drawing/btn/withdraw_out.bmp"border="0"alt="撤消"id="withdraw"class='normal'onmouseover="src='../../images/drawing/btn/withdraw_over.bmp'"onmouseout="src='../../images/drawing/btn/withdraw_out.bmp'"onmousedown="this.className='buttonDown'"onmouseup="this.className='buttonUp'"onclick="withdrawCanvas()"style="position:absolute;top:254px;left:34px;width:30px;height:48px"></td><tdstyle="position:absolute;left:213px;top:67px;height:500;width:620;"><divid="Div2"style="width=650;height=410"><span><EMBEDname="webBrush"id=webBrush"src="test5.svg"height="474"width="611"type="image/svg-xml"></embed></span></div></td><tdstyle="height:500px;width:194px;"></td></tr></table>

解决方案

解决方案二:
该回复于2007-12-04 11:19:41被版主删除
解决方案三:
该回复于2007-12-04 11:18:58被版主删除
解决方案四:
找资料网上一大堆
解决方案五:
恩vardomm=document.getElementById("svgCanvas").getSVGDocument();可以获得svg文档但是我想保存到服务器。在网上查到这么几句话:varsvg=document.embeds("webBrush");f.svgcontent.value=svg.window.printNode(svg.getSVGDocument());f.submit();但是好像不能用,那个f代表什么意思呢?document.embeds("webBrush");能用到上面那个html里的saveCanvas()js函数里吗?用vardomm=document.getElementById("svgCanvas").getSVGDocument();可以吗

时间: 2024-09-14 15:44:46

Html里的javascript怎样操作svg文件呢?的相关文章

JavaScript 直接操作本地文件的实现代码_javascript技巧

日前,Mozilla向W3C提交了一个草案,旨在推出一个JavaScript API,让JavaScript 脚本直接操作本地文件,Firefox的最新浏览器版本中已经对该API提供了大量的支持,不过出于安全考虑,该API将只对本地文件提供有限的访问. 该API引入了一个FileReader 对象,可以异步加载本地文件系统中的文件,并允许开发者为诸如加载失败,进度,加载完成等事件分配回调函数,它提供的方法可以从本地文件中读取文本或二进制数据,并通过一个 abort 方法随时打断操作. FileR

Mozilla:让JavaScript脚本直接操作本地文件

日前,Mozilla 的 Arun Ranganathan 向 W3C 提交了一个草案,旨在推出一个 JavaScript API,让 JavaScript 脚本直接操作本地文件,Firefox 的最新浏览器版本中已经对该 API 提供了大量的支持,不过出于安全考虑,该API 将只对本地文件提供有限的访问. 该 API 引入了一个 FileReader 对象,可以异步加载本地文件系统中的文件,并允许开发者为诸如加载失败,进度,加载完成等事件分配回调函数,它提供的方法可以从本地文件中读取文本或二进

JavaScript操作XML文件之XML读取方法

 本文实例讲述了JavaScript操作XML文件之XML读取方法.分享给大家供大家参考.具体分析如下: 假设我们现在要读取下面的 info.xml 文件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <?xml version="1.0" encoding="gb2312"?> <root> <data id="1"> <name

JavaScript 节点操作 以及DOMDocument属性和方法_javascript技巧

属性: 1Attributes 存储节点的属性列表(只读) 2childNodes 存储节点的子节点列表(只读) 3dataType 返回此节点的数据类型 4Definition 以DTD或XML模式给出的节点的定义(只读) 5Doctype 指定文档类型节点(只读) 6documentElement 返回文档的根元素(可读写) 7firstChild 返回当前节点的第一个子节点(只读) 8Implementation 返回XMLDOMImplementation对象 9lastChild 返回

JavaScript File API实现文件上传预览_javascript技巧

一.概述以往对于基于浏览器的应用而言,访问本地文件都是一件头疼的事情.虽然伴随着 Web 2.0 应用技术的不断发展,JavaScript 正在扮演越来越重要的角色,但是出于安全性的考虑,JavaScript 一直是无法访问本地文件的.于是,为了在浏览器中能够实现诸如拖拽并上传本地文件这样的功能,我们就不得不求助于特定浏览器所提供的各种技术了.比如对于 IE,我们需要通过 ActiveX 控件来获取对本地文件的访问能力,而对于 Firefox,同样也要借助插件开发.由于不同浏览器的技术实现不尽相

基于javascript html5实现多文件上传_javascript技巧

本文实例为大家分享了javascript html5实现多文件上传的实现方法,具体内容如下 HTML结构: <div class="container"> <label>请选择一个图像文件:</label> <input type="file" id="file_input" multiple/> </div> 顺便说下这个上传的主要逻辑: 用input标签并选择type=file,记得

HTML5使用 JavaScript File API 实现文件上传

文件来源:http://www.ibm.com/developerworks/cn/web/1101_hanbf_fileupload/ 简介:File API 是 Mozilla 向 W3C 提出的一个草案,旨在用标准 JavaScript API 实现本地文件的读取.File API 将极大地方便 Web 端的文件上传等操作,并有望成为未来的 HTML 5 规范的一部分.本文将介绍 File API 的概况,并用两个实例展示 File API 的应用. 概述 以往对于基于浏览器的应用而言,访

JDOM操作XML文件(法老修正版)

dom|xml 原文:JDOM操作XML文件地址:http://www.jspcn.net/htmlnews/200120272.html---------------------------------------------------------------------------    这篇文章讲的不错~把JDOM的基本操作实例化了,不过由于当时的作者用的JDOM版本还比较陈旧,所以部分代码会编译出错!支持中文也不好!所以,法老在原作者的基础上对程序做了修改!休正了编译出错以及中文乱码的

如何用javascript控制上传文件的大小?

javascript|控制|上传 如何用javascript控制上传文件的大小? --------本文讲的是用javascript和在IE下Image的一些属性如(fileSize,fileUpdatedDate)等控制上传文件的大小.   <form   name=Myform  >     <input   type=file   name=photo><br/>     <input   type=submit   value=submit></