![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
SVG
文章平均质量分 52
sclxf
大部分文章都是本人发呆之中,左手ctrl c, 右手ctrl v生产出来的。包括这句话。如有侵权,请告知。贵有恒,何以三更眠五更起;最无益,最怕一日曝十日寒。做事提前,不要推后。进步每一天。I Lovin Swimming
展开
-
SVG动画编程及其应用
SVG动画编程及其应用 2008.03.16 张杰,刘晓平 来源:SVG中国(ChinaSVG.COM) 本文分析了SVG图形技术、SVG动画模型与DOM、SMIL、SIMLANIM的关系以及SVG简单动画及复杂动画的常用种类及其实现方法,并给出SVG动画在机械领域的应用实例。前言转载 2009-08-11 16:59:00 · 1695 阅读 · 0 评论 -
svg 中文乱码
参考下面的方法。动态生成时,在程序里用英文名指定字体就可以了 我们在制作SVG过程中,经常会遇到 SVG乱码问题,作为初入SVG的朋友更是对乱码感到无措。经过多次尝试后有人可能会发现制作的SVG,只有SVG中涉及到中文文字时才会出现乱码,而用 英文字符却没有这个问题。那么是什么原因造成了SVG中文乱码呢?本文章将详细介绍解决SVG中文乱码的问题步骤及方法。来源:SVG中国(ChinaS转载 2009-10-11 23:06:00 · 2689 阅读 · 0 评论 -
getComputedTextLength not implemented
为了解决svg将中文显示为乱码的问题,安装了renesis svg view 插件,ie的插件。安装完后,能正确显示中文。但是带来另一个问题。 代码中原有个功能是跟随鼠标,产生一个小的tooltip提示框,提示框中有文字,为了将文字放在提示框合适位置,用了一个函数text.getComputedTextLength(),但是renesis插件不认识这个方法,总是提示operation原创 2009-10-11 22:52:00 · 1614 阅读 · 0 评论 -
svg javascript开新窗口
在svg文件中,要使用javascript代码开启个新窗口好像很麻烦。第一种方法Ali, I. 这个target=new表示点击该链接时打开新窗口,可是在IE,Firefox中都无效 第二种方法用javascript脚本来实现,function createWindow(evt){parent.open(pop.html,displaywindow,too原创 2009-09-29 16:01:00 · 977 阅读 · 2 评论 -
在 SVG 中添加交互性
Brian John Venn (vennb@uk.ibm.com), 软件测试员, IBM Business Integration,Hursley Park 可伸缩矢量图(Scalable Vector Graphics SVG)是一种基于 XML 的语言,用于绘制二维图形。不过,它的能力不局限于简单的静态矢量图形。本文展示了如何将交互元素加入到 SVG 文档中,使其可以对用户输入转载 2009-09-20 23:06:00 · 1663 阅读 · 1 评论 -
svg cursor appearance 指针形状
如何在鼠标移动到特定的svg元素上时,将指针形状改为手状呢? 在希望发生效果的元素周围加上a xlink:href=""即可如下所示:xxx 但是在firefox中显示会出现错误,提示XML Parsing Error: prefix not bound to a namespace,解决办法是:在svg文件开头补全xmlns,可以写上如下两个: xmlns:原创 2009-09-20 10:47:00 · 3267 阅读 · 1 评论 -
svg viewbox
SVG:viewBox是SVG的虚坐标系,比VML的简单不少。为根节点svg元素加上viewBox属性后,在svg下的各图形元素的大小和位置都是按viewBox限定的坐标,而不是页面的实际坐标。如: 在100x100的svg区域中,放入一个200x200的方块,按理不能正常显示,会被裁去一部分。但是因为加入了viewBox属性,svg区域会完整显示rec转载 2009-09-15 20:57:00 · 4910 阅读 · 0 评论 -
svg 创建文本 create text
既然svg无法显示换行文本,则必须创建多个文本。怎么创建呢,下面是个网上的例子,不太好找,把它转过来。(http://osdir.com/ml/text.xml.svg.devel/2002-08/msg01252.html) node=svgdoc.createElement("text");node.setAttribute("id",yourId);node.setAtt转载 2009-09-15 15:03:00 · 2330 阅读 · 0 评论 -
svg 文本换行
SVG 的强大能力之一是它可以将文本控制到标准 HTML 页面不可能有的程度,而无须求助图像或其它插件(后者会带来可访问性挑战)。任何可以在形状或路径上执行的操作(如绘制或滤镜)都可以在文本上执行。 一个不足之处是 SVG 不执行自动换行。如果文本比允许空间长,则简单地将它切断。多数情况下,创建多行文本需要多个文本元素。 可以使用 tspan 元素将文本元素分成几部分,允许每部转载 2009-09-15 14:41:00 · 14272 阅读 · 0 评论 -
简单之极花费我n长时间的svg动画效果
想要实现的动画效果,两个对象A 和B, B为文字, A为文字或其他。 当鼠标进出A对象时, B的文字进行更改。思路是给A添加onmouseover, onmouseout事件,在事件中通过getElementbyId(b)来取得B对象,然后修改B。一开始想通过javascript层面的DOM来获取B,window.parent.document.getElementById(b).原创 2009-09-15 09:47:00 · 2222 阅读 · 0 评论 -
真TMD麻烦
转帖 FF中要使用evt.target, evt.getTarget()为ASV扩展,不是W3C标准 可移植的SVG文档修订记录:2006-11-2 : 增加了浏览器对XML, XMLHTTP,空白节点以及其它细节不同处理方式的描述。 目前SVG实现基本上是SVG1.1,主要有:转载 2009-09-14 23:01:00 · 935 阅读 · 0 评论 -
svg dom 的一些例子
http://pilat.free.fr/english/routines/js_dom.htm转载 2009-09-15 21:02:00 · 938 阅读 · 0 评论 -
SVG问题精华
什么是SVG? SVG(Scalable Vector Graphic)是一个标准开放的矢量图像格式.它使你设计的网页可以更加精彩,更加细致.使用简单的文本命令,SVG甚至可以做出诸如色彩线性变化,自定义置入字体,透明,动态效果,虑镜效果等各式常见的图像效果. SVG图像是基于XML(可扩展标识语言--未来的网络语言)的应用,并由W3C组织的SVG开发组负责详细的研究和开发.更多转载 2009-09-10 10:00:00 · 972 阅读 · 0 评论 -
动态制作svg介绍
http://blog.itpub.net/post/860/39133近日从来邮中,发觉网友对动态制作svg很感兴趣,但却难以入手,现介绍一下(使用jsp)。首先制作svg: drawCircle.jsp:-------------------------------------------------<?xml vers转载 2009-08-25 23:50:00 · 1263 阅读 · 0 评论 -
将SVG文件嵌入到网页中的问题 并说object和embed标记 同问
http://blog.csdn.net/kagad/archive/2006/04/29/696835.aspx 将SVG文件嵌入到网页中,可以使用将其包含到网页的HTML中,例如下面的HTML文档: SVG Demonstration SVG Demonstration A page may have other code besides t转载 2009-08-25 23:49:00 · 2376 阅读 · 1 评论 -
svg 滚动条
在网上寻寻觅觅如何给svg加上滚动条,总是找不到解决方案。终于在华为一论坛上看到:打开一个一个SVG文件后左手按住ALT键你再看看鼠标得光标,有什么发现?再托一下,更会有新的发现,还有多看看他得帮助(help),老兄们! 原来只要拖动就可以了。 http://forum.转载 2009-12-14 10:15:00 · 6161 阅读 · 0 评论