graphic绘制闭合曲线问题,以及绘制环形图形

本文介绍了在使用graphic进行图形绘制时,遇到闭合曲线超过180度导致重叠部分处理的问题。通过分步骤绘制,利用角度和圆的性质,实现了画圆环进度条和扇形图表的方法,适用于需要精准控制图形闭合的场景。
摘要由CSDN通过智能技术生成

graphic绘制超过180度的闭合图形时,当有控件与其发生重叠,其闭合区间会发生变化,变成闭合图形减去重叠的部分,所以绘制大于180度的闭合图形时,要分两步绘制。充分利用余角,正弦,余弦

        //画圆环进度条
        public static drawRingProBar(shape: egret.Shape,angle: number,radius: number,color?:number): void {
            if(shape && angle > 0) {
                var coangle = Math.PI / 2 - angle;
                var bigGap: number = 5;
                var smallgap: number = 25;
                var bigRadius: number = radius + bigGap;
                var smallRadis: number = radius - smallgap;
                var beginAngle: number = -Math.PI / 2;
                var endAngle: number = angle - Math.PI / 2;
                var halfAngle:number = Math.PI /2;
                var color = color ? color : 0xFED655;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值