选择使用jQuery SVG操作现有元素

时间:2011-11-21 20:53:11

标签: javascript jquery dom svg jquery-svg

jQuery SVG网站上的所有示例似乎都是为了在javascript中构建SVG对象并在其中构建新元素。它没有谈论操纵现有标记。

问题:

我有一个现有的SVG对象,其中的事件连接到javascript函数。我想使用jQuery SVG获取事件目标(在本例中为SVG Path元素)和.animate()

然而,只是$(myElement).animate()似乎不起作用。手头的问题似乎是$(myElement)不接受SVG objet参数或其他东西。

奇怪的是,动画完成回调似乎有效,但是我尝试用它做的动画类型都没有。

我不相信它正确地将事件目标识别为SVG <path>

即使直接操纵路径的属性似乎也不起作用(使用.attr()

我事实上知道myElement是一个有效的SVG路径,因为如果我使用基本的JS DOM技术,例如用.setAttribute()更改类,它就可以正常工作。

1 个答案:

答案 0 :(得分:1)

可能这个可以帮助你:http://keith-wood.name/svgRef.html#support 这个例子只是一个例子: $(shape).animate({svgFill:'lightblue'},2000);