javascript/react-diagrams
1
0
Fork 0
mirror of https://github.com/projectstorm/react-diagrams.git synced 2025-08-17 18:53:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

Nearly working

Browse Source
This commit is contained in:
Dylan Vorster
2017-09-15 15:03:12 +02:00
parent d452f10906
commit 2cb0b53bd9
2 changed files with 3 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/DiagramEngine.ts
View File

@ -200,11 +200,9 @@ export class DiagramEngine extends BaseEntity<DiagramEngineListener> {
var point = this.getRelativePoint(event.clientX, event.clientY); var point = this.getRelativePoint(event.clientX, event.clientY);
return { return {
x: x:
point.x / (this.diagramModel.getZoomLevel() / 100.0) - (point.x - this.diagramModel.getOffsetX()) / (this.diagramModel.getZoomLevel() / 100.0),
this.diagramModel.getOffsetX(),
y: y:
point.y / (this.diagramModel.getZoomLevel() / 100.0) - (point.y - this.diagramModel.getOffsetY()) / (this.diagramModel.getZoomLevel() / 100.0)
this.diagramModel.getOffsetY()
}; };
} }

5
src/widgets/DiagramWidget.tsx
View File

@ -273,7 +273,6 @@ export class DiagramWidget extends React.Component<DiagramProps, DiagramState> {
); );
} else if (model.model instanceof PointModel) { } else if (model.model instanceof PointModel) {
// this stuff needs to be pixel perfect, dont touch it // this stuff needs to be pixel perfect, dont touch it
console.log();
model.model.x = model.model.x =
model.initialX + diagramModel.getGridPosition(amountX / amountZoom); model.initialX + diagramModel.getGridPosition(amountX / amountZoom);
model.model.y = model.model.y =
@ -287,7 +286,7 @@ export class DiagramWidget extends React.Component<DiagramProps, DiagramState> {
if (this.props.allowCanvasTranslation) { if (this.props.allowCanvasTranslation) {
diagramModel.setOffset( diagramModel.setOffset(
this.state.action.initialOffsetX + this.state.action.initialOffsetX +
(event.clientX - this.state.action.mouseX), (event.clientX - this.state.action.mouseX) ,
this.state.action.initialOffsetY + this.state.action.initialOffsetY +
(event.clientY - this.state.action.mouseY) (event.clientY - this.state.action.mouseY)
); );
@ -418,8 +417,6 @@ export class DiagramWidget extends React.Component<DiagramProps, DiagramState> {
diagramEngine.enableRepaintEntities([]); diagramEngine.enableRepaintEntities([]);
this.forceUpdate(); this.forceUpdate();
requestAnimationFrame(() => this.forceUpdate());
} }
}} }}
onMouseDown={event => { onMouseDown={event => {