|
@@ -42,6 +42,7 @@ export default class Layer {
|
|
|
this.renderer = new Render(this)
|
|
|
this.history = new History(this)
|
|
|
|
|
|
+ this.canvas = null;
|
|
|
this.startX = null
|
|
|
this.startY = null
|
|
|
}
|
|
@@ -49,19 +50,20 @@ export default class Layer {
|
|
|
//开始
|
|
|
start(canvas,vectorData) {
|
|
|
coordinate.init(canvas)
|
|
|
+ this.canvas = canvas;
|
|
|
this.load.load(vectorData);
|
|
|
this.bindEvents()
|
|
|
}
|
|
|
|
|
|
bindEvents() {
|
|
|
- this.div.addEventListener('contextmenu', function (e) {
|
|
|
+ this.canvas.addEventListener('contextmenu', function (e) {
|
|
|
e.preventDefault()
|
|
|
})
|
|
|
- this.div.addEventListener('mousedown', this.onMouseDown.bind(this))
|
|
|
- this.div.addEventListener('mousemove', this.onMouseMove.bind(this))
|
|
|
- this.div.addEventListener('mouseup', this.onMouseUp.bind(this))
|
|
|
- this.div.addEventListener('mousewheel', this.onWheel.bind(this))
|
|
|
- this.div.addEventListener('DOMMouseScroll', this.onWheel.bind(this))
|
|
|
+ this.canvas.addEventListener('mousedown', this.onMouseDown.bind(this))
|
|
|
+ this.canvas.addEventListener('mousemove', this.onMouseMove.bind(this))
|
|
|
+ this.canvas.addEventListener('mouseup', this.onMouseUp.bind(this))
|
|
|
+ this.canvas.addEventListener('mousewheel', this.onWheel.bind(this))
|
|
|
+ this.canvas.addEventListener('DOMMouseScroll', this.onWheel.bind(this))
|
|
|
}
|
|
|
|
|
|
onMouseDown(e) {
|