查看: 2926|回复: 3

[有事请教] 如何描绘圆周或者显示一定角度的图片?

[复制链接]
梦石
0
星屑
724
在线时间
685 小时
注册时间
2009-5-29
回帖
332
发表于 2018-8-8 20:42:11 | 显示全部楼层 |阅读模式

加入我们,或者,欢迎回来。

您需要 登录 才可以下载或查看,没有账号?注册会员

×
如题,如何描绘圆形和圆周,js有内置函数吗?

想做个圆形的经验槽,例如75%经验就显示270度的圆环,

请问如何实现?
梦石
0
星屑
7427
在线时间
948 小时
注册时间
2017-9-27
回帖
566
发表于 2018-8-8 22:36:12 | 显示全部楼层
你参考一下HTML5 Canvas编程相关的书籍、资料,基本的绘图API应该有讲到。
回复

使用道具 举报

梦石
0
星屑
4716
在线时间
500 小时
注册时间
2013-12-7
回帖
333

极短28参与极短27参与

发表于 2018-8-10 12:15:04 | 显示全部楼层
本帖最后由 ekmomo 于 2018-8-10 12:16 编辑
  1. context.arc(x,y,r,sAngle,eAngle,counterclockwise);
复制代码


x        圆的中心的 x 坐标。
y        圆的中心的 y 坐标。
r        圆的半径。
sAngle        起始角,以弧度计。(弧的圆形的三点钟位置是 0 度)。
eAngle        结束角,以弧度计。
counterclockwise        可选。规定应该逆时针还是顺时针绘图。False = 顺时针,true = 逆时针。

arc.gif
回复

使用道具 举报

梦石
0
星屑
724
在线时间
685 小时
注册时间
2009-5-29
回帖
332
 楼主| 发表于 2018-8-25 14:35:45 | 显示全部楼层
ekmomo 发表于 2018-8-10 12:15
x        圆的中心的 x 坐标。
y        圆的中心的 y 坐标。
r        圆的半径。

原来内置就有的吗?这就方便多了- -

谢谢啦
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部