如何解决如何在创建时将ID添加到Raphael JS元素
我正在研究以下演示。为什么无法将ID sample
添加到对象?我正在尝试通过CSS控制元素样式,但无法正常工作
var paper = Raphael("container",500,300);
var dot = paper.circle(50,50,30).attr({
stroke: "#000","stroke-width": 5
}).data("id","sample");
#sample{
fill:red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<div id="container"></div>
解决方法
问题在于data()并不引用元素上的svg属性,而是引用Raphael元素上可以访问的自定义数据。
如果要设置id属性,则需要尝试以下操作之一...
在正在使用的attr({})定义中设置“ id”(但是,iirc某些版本的Raphael对此不起作用),如果不需要的话,
dot.attr({ 'id','sample' }); // or try the following
dot.node.setAttribute('id','sample'); // or
dot.node.id = 'sample';
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。