Использование React Konva с макетом сетки mdc для наложения видео - PullRequest
Новая
       35

Использование React Konva с макетом сетки mdc для наложения видео

0 голосов
/ 19 февраля 2019

Я пытаюсь визуализировать реагирующую конву поверх видеоплеера.Я использую макет mdc-grid и думал, что объявление компонентов konva в ячейке будет работать, но это не так.Любые типы для получения абсолютной позиции игрока.Я приложил отрывок моего рендера jsx. 

 render() {
    const { groups, items, options } = this.state;
    return (
        <div style={{ width: '100%', margin: 'auto' }}>
            <Grid>
                <Row>
                    <Cell columns={8}>
                        <ReactPlayer
                            url={'http://127.0.0.1:8887/LexusGarage150.mp4'}
                            playing={false}
                            controls={false}
                            width='100%'
                            height='50%' 
                            Stage={Stage}
                            />
                        <Stage
                            width={window.innerWidth}
                            height={window.innerHeight/2}
                            x={0}
                            y={0}
                        >
                            <Layer>
                                <Rect
                                    width={100}
                                    height={100}
                                    shadowBlur={10}
                                    stroke="red"
                                    fill='red'
                                />
                            </Layer>
                        </Stage> 
                    </Cell>
...