gpt4 book ai didi

javascript - 矩形 SVG 对象/Raphael JS 的快速信息

转载 作者:行者123 更新时间:2023-11-28 09:07:33 25 4
gpt4 key购买 nike

我正在使用 Raphael JS 绘制矩形对象。JS 编码由运行时转换为 ABAP 编码并显示在内部浏览器中。虽然显示一切都很好,但当鼠标在 SVG 对象上移动时,我想发布一个具体的 Qucikinfo。有谁知道如何通过矩形对象发布快速信息?通过单击对象来获取信息也可以。我不想使用圆形对象..

巴巴:

CONCATENATE: 'var' a_name '= paper.rect(' a_x_pos ',' a_y_pos ','
a_width ',' a_height ',' a_corner_radius ');'
INTO l_html_line SEPARATED BY space.

js:

var name = paper.rect( x_pos, y_pos, width, height, corner_radius)

最佳答案

您可以查看:http://stratha.us/raphael_js_tooltip

代码非常小:

Raphael.el.tooltip = function (tp) {
this.tp = tp;
this.tp.ox = 0;
this.tp.oy = 0;
this.tp.hide();
this.hover(
function(event) {
this.mousemove(function(event) {
this.tp.translate(event.clientX -
this.tp.ox,event.clientY - this.tp.oy);
this.tp.ox = event.clientX;
this.tp.oy = event.clientY;
});
this.tp.show().toFront();
},
function(event) {
this.tp.hide();
this.unmousemove();
}
);
return this;
};

那么你只需要调用

name.tooltip( paper.text( 0 , 0 , "Hi, I am a tooltip" ) );

顺便说一句,ABAP 代码看起来非常难以维护。我邀请您将整个代码发布到 codereview.stackexchange.com,我相信有更好的方法来做到这一点。

关于javascript - 矩形 SVG 对象/Raphael JS 的快速信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16789720/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com