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

日期:2021-02-25 类型:科技新闻 

关键词:小程序制作流程,抽奖小程序,微信小程序怎么开店,小程序码生成,小程序模版

应用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");
});