react-pixi-plot
Version:
A React component rendering a zoomable and draggable PIXI.js scene. Intended to render 2d plots
51 lines (50 loc) • 1.08 kB
TypeScript
import React, { Dispatch } from 'react';
interface PlotState {
draggablePosition: {
x: number;
y: number;
};
zoomablePosition: {
x: number;
y: number;
};
zoomableScale: {
x: number;
y: number;
};
appWidth: number;
appHeight: number;
}
export declare type PixiPlotActions = {
type: 'zoom';
payload: {
position: {
x: number;
y: number;
};
scale: {
x: number;
y: number;
};
};
} | {
type: 'drag';
payload: {
position: {
x: number;
y: number;
};
};
};
interface IPlotContext {
state?: PlotState;
dispatch?: Dispatch<PixiPlotActions>;
}
declare const DomPlotContext: React.Context<IPlotContext>;
interface ProviderProps {
appHeight: number;
appWidth: number;
}
declare const PlotContextProvider: React.SFC<ProviderProps>;
declare const PixiPlotContext: React.Context<IPlotContext>;
export { DomPlotContext, PlotContextProvider, PixiPlotContext };