選擇Raphael.js地圖路徑到Qtip工具提示

我只是試圖選擇國家路徑來觸發工具提示。我懷疑我不是指svg文件中的精確元素。選擇Raphael.js地圖路徑到Qtip工具提示

<script> 
$(document).ready(function() 
{ 
$('worldmap.shapes.US').qtip({ content: { text: 'Name: United States<br>Capital: Jefferson City' }, 
     style: { 
      background: '#000000', 
      color: '#ffffff', 
      border: { width: 6, radius: 3, color: '#ff0000' } 
     }, 
     position: { 
      corner: { 
       target: 'topRight', 
       tooltip: 'bottomLeft' 
      } 
     } 
    });

}）;

下面是SVG文件是如何被格式化：

worldmap = { 
    shapes: { 
AE:  "M604.196,161.643l0.514-0.129l0,0.772l2.188-0.386l2.189,0l1.672,0.129l1.803-1.802l2.058-1.802l1.674-1.673l0.518,0.900l0.385,2.189l-1.417,0l-0.258,1.802l0.517,0.386l-1.159,0.515l-0.129,1.029l-0.773,1.159l0,1.030l-0.514,0.644l-8.110-1.416l-1.031-2.704l0.127,0.643z",

這是一個.js文件

謝謝！

來源

2012-08-03 user1574899

我不太明白你如何繪製你的raphael.js路徑。如果你正在做類似的事情：

my_path = paper.path("M 100,200 L ... z");

你不得不在你的拉斐爾路徑對象（my_path）上使用.node（）方法。這給你一個你可以使用的DOM對象的引用。

$(my_path.node).qtip({ ... })

參見例如， http://www.itbrigadeinc.com/post/2012/05/03/Tooltips-in-Raphael.aspx

來源

2012-12-05 23:29:19 wrtsprt

選擇Raphael.js地圖路徑到Qtip工具提示

回答

相關問題