如何将引导工具提示放在SVG上?

前端之家收集整理的这篇文章主要介绍了如何将引导工具提示放在SVG上?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想将工具提示向右移动几个像素,所以箭头位于光标所在单元格的中心(当前位于(0,0),也就是左上方).这是我的代码
  1. $("rect.cell").tooltip({
  2. title: "hola",placement: "top"
  3. });

和图像:

理想情况下,我想使用javascript这样做,所以我可以更改像素的数量,如果我更改单元格的大小.

解决方法

这是nachocab的getPosition实现的简单扩展,它支持常规的HTML元素和SVG元素:
  1. getPosition: function (inside) {
  2. var el = this.$element[0]
  3. var width,height
  4.  
  5. if ('http://www.w3.org/2000/svg' === el.namespaceURI) {
  6. var bBox = el.getBBox()
  7. width = bBox.width
  8. height = bBox.height
  9. } else {
  10. width = el.offsetWidth
  11. height = el.offsetHeight
  12. }
  13.  
  14. return $.extend({},(inside ? {top: 0,left: 0} : this.$element.offset()),{
  15. 'width': width,'height': height
  16. })
  17. }

猜你在找的Bootstrap相关文章