Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在pixi.js中使用js工具提示库_Javascript_Pixi.js - Fatal编程技术网

Javascript 在pixi.js中使用js工具提示库

Javascript 在pixi.js中使用js工具提示库,javascript,pixi.js,Javascript,Pixi.js,我想在PIXI.Graphics()对象(矩形)上使用一个简单的工具提示 我尝试了tooltip.js(),但它不起作用,因为我的引用对象不是HTMLElement let rectangle = new PIXI.Graphics(); rectangle.drawRect(100, 50, 50, 20); rectangle.interactive = true; const tooltip = new Tooltip(rectangle, {title: "test1"}); recta

我想在PIXI.Graphics()对象(矩形)上使用一个简单的工具提示

我尝试了tooltip.js(),但它不起作用,因为我的引用对象不是HTMLElement

let rectangle = new PIXI.Graphics();
rectangle.drawRect(100, 50, 50, 20);
rectangle.interactive = true;
const tooltip = new Tooltip(rectangle, {title: "test1"});
rectangle.on('mouseover', (event) => {
tooltip.show();
});
rectangle.on('mouseout', (event) => {
tooltip.hide();
});

是否有任何库我可以使用并且仍然使用我的PIXI.Graphics()对象?或者我必须自己编写不依赖HTMLElement的工具提示吗?

popper.js v2让您引用一个虚拟元素,这样您的弹出窗口就可以出现在您想要的任何地方:

popper.js v2让您引用一个虚拟元素,这样您的弹出窗口就可以出现在您想要的任何地方: