SVG
文章平均质量分 63
niuxqd
这个作者很懒,什么都没留下…
展开
-
SVG 图形嵌入html页面
<br />有两种方法,推荐下面的方法:<br /><body><br />……<br /><embed id="t1" src="svg/test01.svg" width ="1024" height ="768" type ="image/svg+xml" /><br />……<br /></body><br /> <br />src指向svg图形路径原创 2010-07-28 16:46:00 · 1097 阅读 · 1 评论 -
在SVG中使用JavaScript
使用JavaScript的目的是操控SVG DOM、事件等。preserveAspectRatio="xMidYMid meet" zoomAndPan="magnify"xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">原创 2010-07-29 09:19:00 · 1108 阅读 · 0 评论 -
JavaScript获得SVG的DOM
看这篇前,请先看下我的前两篇博文“SVG 图形嵌入html页面”和“在SVG中使用JavaScript”(篇幅较短)。这篇的基础环境都在这两篇博文。如果你之前用过JavaScript操纵过html的DOM,想必对document这个变量特别眼熟。这里如果在JavaScript脚本中直接使用document的话,对应的不是html的DOM,而是SVG的。有个注意点是:如果在脚本的开始就是用document,有时候document会是空。我在网络上搜索一番,得到的解答是:因为svg需要绘制时间,如果过早使用do原创 2010-07-30 10:10:00 · 2180 阅读 · 0 评论 -
use 应用css样式(一)
为方便看,这里的CSS是内嵌在svg中的。defs标签定义了一个元素,只是定义不会被解析显示。SVG中的use标签是用来引用SVG中的可视化元素。use标签引用的元素不会继承元素本身和其父元素的属性。这里就是用use标签引用defs定义的元素。use标签用class属性引用css的某个样式。如果被引用元素已经有class属性值,它的样式会保持原样。原创 2010-08-02 17:05:00 · 1562 阅读 · 0 评论 -
SVG引用外部CSS
<br /><br /><br />比起内嵌CSS我还是喜欢从外部引用,更整洁,编辑更方便。<br /><?xmlversion=”1.0”encoding=”utf-8”standalone=”no”?><br /><?xml-stylesheet href=”mysvg.css”type=”text/css”?><br /><svg><br />……<br /></svg><br /> <br /> 简单的我都不用说什么了<br原创 2010-08-03 14:24:00 · 3032 阅读 · 0 评论 -
XP系统下在FireFox3.6中使用Adobe svg viewer3显示SVG图形
<br />用到svg web显示很可能涉及到跨平台,也就会有一个浏览器兼容的问题。<br />如果是window系统和Linux系统,浏览器上一般就是IE和FireFox,FireFox在window上和Linux上都有版本。<br />IE6如果需要显示SVG文件,需要安装Adobe SVG viewer3(遗憾的是已经不更新了),这个比较简单。<br />下载Adobe SVG viewer3,双击安装就可以了。<br /> <br />地址:http://www.adobe.com/svg/vi原创 2010-08-04 11:15:00 · 1982 阅读 · 0 评论 -
SVG ViewBox
如果svg图形太大或者太小,就可以用ViewBox属性来调整。原创 2010-08-06 14:56:00 · 10719 阅读 · 0 评论 -
JavaScript获取SVG节点值
SVG 是 基于XML 来描述二维图形的语言。 SVG 的文本内容可以用一棵 DOM 树来描述,对 DOM 树不了解的朋友可以打开资源管理器,打个比方:本地磁盘就是根节点(树根)下面的文件夹就是节点,同级的文件夹之间称为兄弟节点,文件夹里还有文件夹,这个就叫子节点。原创 2010-08-10 15:45:00 · 10104 阅读 · 0 评论