2021-05-15 13:02:13 +00:00
|
|
|
import CodeShape from "./index"
|
|
|
|
import { v4 as uuid } from "uuid"
|
|
|
|
import { EllipseShape, ShapeType } from "types"
|
2021-05-17 10:01:11 +00:00
|
|
|
import { vectorToPoint } from "utils/utils"
|
2021-05-15 13:02:13 +00:00
|
|
|
|
|
|
|
export default class Ellipse extends CodeShape<EllipseShape> {
|
|
|
|
constructor(props = {} as Partial<EllipseShape>) {
|
2021-05-17 10:01:11 +00:00
|
|
|
props.point = vectorToPoint(props.point)
|
|
|
|
|
2021-05-15 13:02:13 +00:00
|
|
|
super({
|
|
|
|
id: uuid(),
|
|
|
|
type: ShapeType.Ellipse,
|
2021-05-25 09:09:51 +00:00
|
|
|
isGenerated: true,
|
2021-05-15 13:02:13 +00:00
|
|
|
name: "Ellipse",
|
|
|
|
parentId: "page0",
|
|
|
|
childIndex: 0,
|
|
|
|
point: [0, 0],
|
|
|
|
radiusX: 20,
|
|
|
|
radiusY: 20,
|
|
|
|
rotation: 0,
|
|
|
|
style: {
|
2021-05-19 09:35:00 +00:00
|
|
|
fill: "#c6cacb",
|
2021-05-15 13:02:13 +00:00
|
|
|
stroke: "#000",
|
|
|
|
strokeWidth: 1,
|
|
|
|
},
|
|
|
|
...props,
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
2021-05-17 10:01:11 +00:00
|
|
|
export() {
|
|
|
|
const shape = { ...this.shape }
|
|
|
|
|
|
|
|
shape.point = vectorToPoint(shape.point)
|
|
|
|
|
|
|
|
return shape
|
|
|
|
}
|
|
|
|
|
|
|
|
get radiusX() {
|
|
|
|
return this.shape.radiusX
|
|
|
|
}
|
|
|
|
|
|
|
|
get radiusY() {
|
|
|
|
return this.shape.radiusY
|
2021-05-15 13:02:13 +00:00
|
|
|
}
|
|
|
|
}
|