Javascript Raphael.js,如何选择元素?
在Raphael,js中,如何选择元素?例如,如果我有一个矩形,如何选择它?在Raphael中,是否有任何方法可以像使用jQuery选择DOM元素那样选择元素?要选择svg DOM元素,假设Raphael元素的节点有一个ID,您可以通过Javascript Raphael.js,如何选择元素?,javascript,dom-events,raphael,Javascript,Dom Events,Raphael,在Raphael,js中,如何选择元素?例如,如果我有一个矩形,如何选择它?在Raphael中,是否有任何方法可以像使用jQuery选择DOM元素那样选择元素?要选择svg DOM元素,假设Raphael元素的节点有一个ID,您可以通过$('#ID')在“jQuery”模式下选择,或者以“本机”方式document.getElementById('ID')进行选择 此外,使用raphael处理事件非常简单,例如,当您单击一个矩形时,您可以通过以下方式“选择”它(此处演示=>): 标记: <
$('#ID')
在“jQuery”模式下选择,或者以“本机”方式document.getElementById('ID')
进行选择
此外,使用raphael处理事件非常简单,例如,当您单击一个矩形时,您可以通过以下方式“选择”它(此处演示=>):
标记:
<div id="canvas"></div>
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
});