@cataract6545/tmui/components/tm-render/tmCv/shape/ring.ts

tm-vuetify是一个新势力由主题驱动的UI组件库,相比其它优势大,组件全,设计趋势紧跟未来。具有主题生成，主题实时切换，暗黑实时切换,lottie动画,图表等新颖功能,tmui TMUI

import { Shape } from "../shape";

export class tmRing extends Shape {
    draw(): this {
        if (!this.canvas.ctx) return this;
        let ctx = this.canvas.ctx;
        const x = this.x;
        const y = this.y;
        const width = this.width;
        const height = this.height;
        const fillStyle = this.fillStyle;
        const strokeStyle = this.strokeStyle;
        const lineWidth = this.lineWidth
        const r = this.r
        const sAngle = this.sAngle * (Math.PI / 180) - Math.PI / 2
        const eAngle = this.eAngle * (Math.PI / 180) - Math.PI / 2
        const innerRadius = this.innerRadius
        if (ctx.setFillStyle) {
            // ctx.setFillStyle(fillStyle)
            ctx.setLineWidth(r - innerRadius)
            ctx.setStrokeStyle(strokeStyle)
            ctx.setLineJoin('round')
            ctx.setLineCap('round')
            ctx.setLineDash(this.lineDash, this.lineDashOffset)
        } else {
            // ctx.fillStyle = fillStyle;
            ctx.lineWidth = r - innerRadius;
            ctx.strokeStyle = strokeStyle;
            ctx.lineJoin = 'round'
            ctx.lineCap = 'round'
            ctx.setLineDash(this.lineDash, this.lineDashOffset)
        }
        ctx.beginPath()
        ctx.arc(x, y, r - (r - innerRadius), sAngle, eAngle)
        // ctx.fill()
        ctx.stroke()
        return this;
    }
}