Change cursor view in PIXI.js

[batman]

Hi everyone, 

I checked many articles about this topic. All what I tried didn`t work for me. But unfortunately there is no clear vision what are the steps to make your custom designed (from your png or cur file) cursor view.  Just simply change from default one (white arrow) to my own. The questions are the follows:

1. What kind of variables I should declare?
2. Where in the code I should declare them (like global, or in setup function, or update function)?

• Examples: 

1. Complete code to use cursor defined in CSS file? ( example of css, and js file). Nothing else, just using cursor style defined in CSS.
2. Complete code of defining your own cursor in js file (pixi application). Nothing else, just using my own cursor style (png, cur) in PIXI application.
3. Any other solution. 

I think replies on these questions will shed the light on this mysterious topic.

What I checked:

• And finally this one: https://github.com/pixijs/pixi.js/issues/4238
• + some minors

Thank you in advance, 

[Exca]

One way to achieve that is to have a container inside your container that is being rendered and use following:

container.cursor = "url('path to image'),auto";

Another way is to just set it with css directly to parent of canvas.

There's also settings in interactionmanager for default styles.

[batman]

Exca, thanks for reply. But is there any chance to show full example?

[Exca]

Sure, I'll try to get one made during this week.

[Exca]

Here's an example: http://pixijs.io/examples/#/demos/custom-mouse-icon.js

[batman]

Exca, thanks, exactly what was needed

[jasonsturges]

Since this is the #1 Google Search result for changing Pixi cursor, just noting the URL appears to have updated:

https://pixijs.io/examples/#/interaction/custom-mouse-icon.js

[haseeb]

Hi everyone, anyone can help me on this ?
https://konvajs.org/docs/select_and_transform/Transform_Events.html 
i want to implement this on pixi.