html5 jcanvas点击功能在“中使用”;至于;循环出错了

html5 jcanvas点击功能在“中使用”;至于;循环出错了,html,canvas,jcanvas,Html,Canvas,Jcanvas,我使用jcanvas插件进行2d tagcloud研究。 我希望我能在画布上画几个标签,每个标签都链接到不同的页面。 我需要一个for循环来显示标签, 这是我的密码 for(i=1;i<=5;i++){ $("canvas").drawText({ layer: true, fillStyle: "#9cf", strokeStyle: "#000", strokeWidth: 1, x: 100, y: 30*i,

我使用jcanvas插件进行2d tagcloud研究。 我希望我能在画布上画几个标签,每个标签都链接到不同的页面。 我需要一个for循环来显示标签, 这是我的密码

 for(i=1;i<=5;i++){

    $("canvas").drawText({
      layer: true,
      fillStyle: "#9cf",
      strokeStyle: "#000",
      strokeWidth: 1,
      x: 100, y: 30*i,
      text: "tag"+i,
      font: "20pt 'Trebuchet MS', sans-serif",

      // Event bindings
      mouseover: function() {
        $("canvas").css({cursor: "pointer"});
      },
      mouseout: function() {
        $("canvas").css({cursor: "default"});
      },
      // Click link to open it
      click: function(layer) {
        window.open("http://www.google.com/?"+i);
      }
    });
 }
for(i=1;i添加属性id(或任何其他名称)并更改函数。

font:“20磅无衬线投石机MS”

id:i,


点击:函数(数据){
窗口。打开(“http://www.google.com/?“+data.id);
}