使用SVG转换重新定位JQuery UI工具提示
我正在使用和具体。我的目标是在矩形下方显示工具提示,但由于这些是SVG形状,并且使用transform和translate命令移动它们的坐标,因此工具提示始终显示在基础区域的左侧(相同高度的最左侧位置)。我还必须移动TootTip UI,但我不知道如何传递此参数。我见过这样的东西使用SVG转换重新定位JQuery UI工具提示,jquery,svg,tooltip,Jquery,Svg,Tooltip,我正在使用和具体。我的目标是在矩形下方显示工具提示,但由于这些是SVG形状,并且使用transform和translate命令移动它们的坐标,因此工具提示始终显示在基础区域的左侧(相同高度的最左侧位置)。我还必须移动TootTip UI,但我不知道如何传递此参数。我见过这样的东西 $(document,"selector").tooltip({position: { my: "center", at: "right+
$(document,"selector").tooltip({position: {
my: "center",
at: "right+200",
track: false,
using: function(position, feedback) {
$(this).css(position);
}
}
});
但是,此示例使用的是一种通用方法,用于平均移动所有工具提示。我需要根据转换移动每个工具提示
如何根据指定的坐标或偏移移动每个工具提示
提前感谢我使用并设置工具提示以跟随鼠标指针解决了问题:
$('[title]').qtip({
position: {
target: 'mouse'
}
});
$('.element').on('mouseenter',函数(event){console.log($(event.currentTarget.attr('transform'))})
将打印转换值我正在手动生成转换代码,也就是说,我已经覆盖了实际实现,我的得到了宽度和高度作为额外参数。我的问题是,我是否被迫为每个值硬编码这些值?我可以将此值用作工具提示功能的参数吗?示例代码如下:var lisa=member(550200,'VP Production','lisa Simpson','member4.png','2ECC71','008e09',180,70);换句话说,在上面的示例中,我们有“右+200”,其中200应替换为X的转换值。