Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何将引导工具提示放在SVG上?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想将工具提示向右移动几个像素,所以箭头位于光标所在单元格的中心(当前位于(0,0),也就是左上方).这是我的代码
$("rect.cell").tooltip({
    title: "hola",placement: "top"
  });

和图像:

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

@R_419_1964@

这是nachocab的getPosition实现的简单扩展,它支持常规的HTML元素和SVG元素:
getPosition: function (insidE) {
  var el = this.$element[0]
  var width,height

  if ('http://www.w3.org/2000/svg' === el.namespaceURI) {
      var bBox = el.getBBox()
      width = bBox.width
      height = bBox.height
  } else {
      width = el.offsetWidth
      height = el.offsetHeight
  }

  return $.extend({},(inside ? {top: 0,left: 0} : this.$element.offset()),{
    'width': width,'height': height
  })
}

大佬总结

以上是大佬教程为你收集整理的如何将引导工具提示放在SVG上?全部内容,希望文章能够帮你解决如何将引导工具提示放在SVG上?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。