Почему изменение стиля курсора в событии мыши PIXI не работает с контейнерами? - PullRequest
Новая
       11

Почему изменение стиля курсора в событии мыши PIXI не работает с контейнерами?

0 голосов
/ 21 сентября 2018

Я пытаюсь реализовать простую камеру с панорамированием и масштабированием, и поэтому хотел бы изменить стиль курсора контейнера PIXI.

Я обнаружил, что изменение стиля курсора сцены с помощью обработчика событий мыши работает, хотя и не работает при попытке сделать то же самое с любым другим контейнером.

Первый фрагмент правильноменяет курсор, а второй нет.Пожалуйста, кто-нибудь может сказать мне, что я делаю не так? 

const app = new PIXI.Application({width: 500, height: 500});
document.getElementById('canvasWrapper').appendChild(app.view);

app.stage.interactive = true;
app.stage.hitArea = new PIXI.Rectangle(0, 0, 500, 500)
app.stage.cursor = 'grab';
app.stage.on('pointerdown', event => app.stage.cursor = 'grabbing');
app.stage.on('pointermove', event => console.log('dragging'));
app.stage.on('pointerup', event => app.stage.cursor = 'grab');
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.8.2/pixi.min.js"></script>
<div id='canvasWrapper' />

const app = new PIXI.Application({width: 500, height: 500});
document.getElementById('canvasWrapper').appendChild(app.view);

const container = new PIXI.Container();
app.stage.addChild(container);

container.interactive = true;
container.hitArea = new PIXI.Rectangle(0, 0, 500, 500)
container.cursor = 'grab';
container.on('pointerdown', event => app.stage.cursor = 'grabbing');
container.on('pointermove', event => console.log('dragging'));
container.on('pointerup', event => app.stage.cursor = 'grab');
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.8.2/pixi.min.js"></script>
<div id='canvasWrapper' />
...