[英]Raphael.js, how to select an element?
在 Raphael,js 中,如何选择一个元素? 例如,如果我有一个矩形,如何选择它? 在 Raphael 中,有没有办法像使用 jQuery 选择 DOM 元素一样选择元素?
要选择一个 svg DOM 元素,假设 raphael 元素的一个节点有一个 ID,你可以通过$('#ID')
在 'jQuery' 模式下或在 'native' 方式document.getElementById('ID')
。
此外,使用 raphael 处理事件非常简单,例如,当您单击一个矩形时,您可以通过这种方式“选择”它(此处演示 => http://jsfiddle.net/steweb/zMYU8/ ):
标记:
<div id="canvas"></div>
js :
var selected = null; //var to store selected element
//initialize the raphael canvas and store it in a var
var canvas = Raphael(document.getElementById("canvas"), 320, 200);
//first rectangle
var r = canvas.rect(10, 10, 50, 50).attr("fill", "#FFFF22");
//second rectangle
var r1 = canvas.rect(70, 70, 50, 50).attr("fill", "#FFFF22");
//first rectangle click
r.click(function(){
//change attributes
r1.attr("stroke","black");
r.attr("stroke","green");
selected = r; //update selected var
});
//second rectangle click
r1.click(function(){
//change attributes
r.attr("stroke","black");
r1.attr("stroke","green");
selected = r1; //update selected var
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.