更改 <对象> 标记的属性,该标记使用 jQuery 包含一个 SVG 元素
Changing the properties of the <object> tag ONLY, which contains an SVG element using jQuery
我正在处理一个包含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 进行一些更改。现在,这里有一个问题,有没有办法只选择整个对象标签并对对象标签进行更改?问题具体在于定位。我有这种情况:
<!--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 本身进行动画处理。当然,代码不起作用,但是,有办法做到这一点吗?我非常感谢您的回复。如果描述不够,请原谅我,如果您需要有关此情况的任何进一步信息,请告诉我。感谢您的HElP!
你的 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
相关文章:
- php文件中包含的jquery文件在服务器上不起作用
- 在包含带有jquery或js的html的变量中禁用change属性
- 如何在default.aspx中包含外部jQuery文件
- 重定向到同一页面,但其中包含一条消息
- 重定向到同一页面,但其中包含一条消息
- 如何只包含一次javascript文件
- 从 SSH 服务器获取 JSON 数据,其中包含 Javascript/Jquery 中的 url
- 响应字段包含一个子级时的节点 SOAP 强制数组
- PHP 包含在 jQuery next() 冲突中
- 在 标记中包含 JavaScript/jQuery 对象数据
- 如何使用bower在javascript项目中包含一个私有的本地文件
- 母版页中包含的jQuery文件对于继承同一母版页的.aspx页不可访问
- 使用moment js创建一个包含一周中的几天和一天中的几个小时的数组
- 当放置在jQuery代码下时,不正确包含的jQuery会阻止普通javascript执行
- 如何将ReactDOM包含在jquery中
- 如何检查对象是否包含一组属性
- 不包含使用jquery
- PHP:检测字符串是否包含JavaScript/jQuery代码,并删除这部分代码
- jQuery -检查val是否为空并包含一段特定的文本
- Jquery函数只包含一次