Project1

标题: 如何描绘圆周或者显示一定角度的图片? [打印本页]

作者: saturnfjh    时间: 2018-8-8 20:42
标题: 如何描绘圆周或者显示一定角度的图片?
如题,如何描绘圆形和圆周,js有内置函数吗?

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

请问如何实现?
作者: 梦想家大魔王    时间: 2018-8-8 22:36
你参考一下HTML5 Canvas编程相关的书籍、资料,基本的绘图API应该有讲到。
作者: ekmomo    时间: 2018-8-10 12:15
本帖最后由 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 = 逆时针。


作者: saturnfjh    时间: 2018-8-25 14:35
ekmomo 发表于 2018-8-10 12:15
x        圆的中心的 x 坐标。
y        圆的中心的 y 坐标。
r        圆的半径。

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

谢谢啦




欢迎光临 Project1 (https://rpg.blue/) Powered by Discuz! X3.1