如何在拉斐尔中获取绘制的矩形元素
How to get the drawn rectangle element in Raphael?
我想知道使用Raphael绘制元素的方法是什么.js.我尝试使用getById,但它根本不起作用。请帮助我克服这个问题。
当用户单击圆圈时,我正在获取圆 ID 并希望获取//矩形,该//矩形也与圆具有相同的 ID,但前缀不同。
function addCircleClick(obj)
{
obj.click(function(event)
{
alert(paper+" getRect ID 1"+this.id);.
var getRect;
try
{
var getRect = paper.getById(this.id);////This below line(paper.getById(this.id)) is not working,even Circle object i am not able to get
}
catch(e)
{
alert(e);//Issue here
}
alert("getRect ID 2 "+getRect);
obj.attr({"stroke":"red"});
});
}
我认为您的问题是您正在尝试使用示例中所示的纸张。希望这对您有所帮助。
var paper = Raphael("field1", 240, 400, actions);
var attrs = {
fill: "#FFF"
};
function actions() {
var that = this;
var circle = that.circle(50,50,10);
circle.attr(attrs);
circle.click(function(event) {
console.log(this.id); //elements id
console.log(that.getById(this.id)); //clicked element
console.log(paper.getById(this.id)); //doesn't work
});
};
编辑:重读你的问题,认为我可能误解了它。无论如何,我不太确定您获得具有不同前缀的相同id是什么意思。每个元素都获得唯一的数字 ID。
相关文章:
- Html画布绘制速度因画布元素过多而减慢
- 画布-绘制的线,但没有显示在谷歌检查元素
- 在元素上绘制边框,但不捕获事件
- 如何在画布元素上绘制视频
- 绘制DOM元素:鼠标事件会被背景元素混淆
- 未捕获的类型错误:对象#<HTML对象元素>没有方法'重新绘制工作流'
- 使用javascript绘制多个以数组元素为文本中心的圆
- 是否可以指示浏览器首先绘制页面的哪些元素
- 如何在正确的位置绘制画布元素
- 如何确定浏览器何时完成绘制插入的元素
- 在画布元素上动态绘制
- 如何在拉斐尔中获取绘制的矩形元素
- 如何在带有触摸的PhoneGap中的画布元素上绘制
- 为什么ctx.drawImage只将视频元素的一部分绘制到画布上
- 在重新排序DOM时,如何重新绘制和重新组织同位素容器中的元素
- IE没有绘制元素
- 如何在angular JS中绘制元素后更改绑定
- 在另一个元素的子元素下面绘制元素
- d3.js使用极坐标绘制元素
- D3:正确绘制元素,但不向dom添加新数据