应用jTopo给Html5 Canva中绘图的元素加上电脑鼠标恶

日期:2021-01-20 类型:科技新闻 

关键词:小游戏源代码,互动小游戏微信,自制小游戏,html5游戏,制作游戏大概多少钱

应用Html5的情况下,在Canvas上绘图的物品是不可以相应电脑鼠标恶性事件的,可是应用jTopo加上恶性事件十分简易,实际效果以下: 

 

编码示例:

拷贝编码
编码以下:

var node = new JTopo.Node("Hello");
node.setLocation(409, 269);
node.mousedown(function(event){
if(event.button == 2){
node.text = '按下右键';
}else if(event.button == 1){
node.text = '按下中键';
}else if(event.button == 0){
node.text = '按下左键';
}
});
node.mouseup(function(event){
if(event.button == 2){
node.text = '松开右键';
}else if(event.button == 1){
node.text = '松开中键';
}else if(event.button == 0){
node.text = '松开左键';
}
});
node.click(function(event){
console.log("点击");
});
node.dbclick(function(event){
console.log("双击鼠标");
});
node.mousedrag(function(event){
console.log("拖拽");
});
node.mouseover(function(event){
console.log("mouseover");
});
node.mousemove(function(event){
console.log("mousemove");
});
node.mouseout(function(event){
console.log("mouseout");
});
上一篇:5 个强劲的HTML5 API 涵数强烈推荐 返回下一篇:没有了