找回密码
 立即注册
收起左侧

Canvas画半圆

5
回复
6294
查看
[复制链接]
累计签到:63 天
连续签到:1 天
来源: 2015-7-9 22:16:47 显示全部楼层 |阅读模式
目前有个这样的需求:根据实际占比来填充圆,下面是用Canvas画的两个半圆:

代码:
       Canvas{           id:canvas           width:parent.width           height: parent.height           onPaint: {               var cans = canvas.getContext("2d");               cans.beginPath();               cans.translate(testRect.x+testRect.width/2,testRect.y+testRect.width/2)               cans.arc(0,0,(testRect.width/2)-10,0,0.6*360*(Math.PI/180),0);               cans.fillStyle = "blue"               cans.closePath();               cans.fill();           }       }
问题:要把60%的也像50%的一样水平,需要旋转的算法是什么?


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

累计签到:63 天
连续签到:1 天
2015-7-15 10:12:25 显示全部楼层
各位高手帮忙看下,是哪里没说清楚吗?
回复 支持 反对

使用道具 举报

累计签到:2 天
连续签到:1 天
2015-7-24 13:43:01 显示全部楼层
你这个没必要非要用个圆形来填充吧,可以根据裁剪区域来实现这种填充效果。

点评

效果已经实现谢谢~~~~~~~~~~~~~~~~~~~~~~~·  详情 回复 发表于 2015-8-6 14:48
回复 支持 反对

使用道具 举报

累计签到:11 天
连续签到:1 天
2015-7-24 15:51:41 显示全部楼层
代码贴得真难看。。。
回复 支持 反对

使用道具 举报

累计签到:63 天
连续签到:1 天
2015-8-6 14:48:16 显示全部楼层
egan 发表于 2015-7-24 13:43
你这个没必要非要用个圆形来填充吧,可以根据裁剪区域来实现这种填充效果。 ...

效果已经实现谢谢~~~~~~~~~~~~~~~~~~~~~~~·
回复 支持 反对

使用道具 举报

累计签到:63 天
连续签到:1 天
2015-8-6 14:50:16 显示全部楼层
another_qt 发表于 2015-7-24 15:51
代码贴得真难看。。。

:lol:lol:lol:lol:lol:lol:lol:lol:lol:lol:lol:lol:lol:lol:lol:lol:lol:lol:lol:lol:lol
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

公告
可以关注我们的微信公众号yafeilinux_friends获取最新动态,或者加入QQ会员群进行交流:190741849、186601429(已满) 我知道了