gpt4 book ai didi

javascript - 仅更改 标签的属性,其中包含使用 jQuery 的 SVG 元素
转载 作者:太空宇宙 更新时间:2023-11-04 12:27:21 25 4
gpt4 key购买 nike

我正在处理其中包含 SVG 图像的对象元素。我知道为了在其中选择 SVG,我必须这样做:

var svgObject = $('#SVG_Object')[0].contentDocument ; //Traverse in to the document

/*Now to select the item inside the SVG document*/
$('#SVG_Item',svgObject).css({'fill':'lime'}) ;//select the item and change its color

我们都知道,我们不能直接选择SVG,必须经过上面提到的步骤才能对SVG做一些改动。现在,问题来了,有没有办法选择 ONLY 作为一个整体的 Object 标签,并作为一个整体对 object 标签进行更改?问题具体在于定位。我有这种情况:

<!--HTML--> <object data="img/image.svg" id="SVGObject"><object>

/*CSS*/ #SVGObject{position: relative; left: 123px ; top: 123px ;}

/*Javascript*/ $('#SVGbject').animate({'left':523},600,'linear');

从上面的代码可以看出,我想为对象标签的定位设置动画,而不是为SVG 本身设置动画。当然,代码不起作用,但是,有办法吗?非常感谢您的回复。如果描述不够,请原谅我如果您需要有关此场景的更多信息,请告诉我。感谢您的帮助!!

最佳答案

你的 jQuery 代码有错误……否则,它是正确的;您可以为对象设置动画 ...

改变...

$('#SVGbject').animate({'left':523},600,'linear');

...到...

$('#SVGObject').animate({'left':523},600,'linear');

使用正确的引用,它可以工作:http://jsfiddle.net/rfornal/uopzupn7/

添加了一个 Plunk,以便根据下面的文档更好地处理外部 SVG 文件。

http://plnkr.co/edit/tQiscH?p=preview

关于javascript - 仅更改 <object> 标签的属性,其中包含使用 jQuery 的 SVG 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27925596/

25 4 0