drag shape without fill

问题

I am trying to create an EaselJS app that lets me drag unfilled circles around the canvas - so instead of calling beginFill when I am setting up the Shape I would call beginStroke. I am running into the problem that if I don't fill the shape, I can only drag it when I am selecting the top left corner of the shape. When the shape is filled I can drag it by selecting anywhere within the shape. Is there a way I can make the unfilled shape drag the same way as the filled shape?

回答1:

Strokes and fills are necessary in EaselJS for masks. You could however assign an other Shape as hitArea:

 var shape = new createjs.Shape();
 shape.graphics.beginFill("#000000").drawCircle(0, 0, 40);

 draggableCircle.hitArea = shape;

Keep in mind that the hitArea-Shape doesn't have to be added to the stage and thus won't be visible.

来源：https://stackoverflow.com/questions/29463306/drag-shape-without-fill