saoutils吧 关注:23,456贴子:76,517

【WebUI】桌面时钟挂件

只看楼主收藏回复

镇楼 别跟我说有人发过怎么的 完全不同!(除了效果?


来自WindowsPhone客户端1楼2017-07-28 20:36回复


    2楼2017-07-28 20:38
    收起回复
      那开始说一下具体使用的方法,直接使用是没有区别的,index.html拖到挂件上
      首先 修改颜色
      打开index.js
      找到
      context.strokeStyle = "#2BA3ED";
      这一行 修改即可


      3楼2017-07-28 20:41
      收起回复
        修改字体
        提供两种方法,推荐第二个
        1、把你的字体名改为SAOUI.ttf 放到css文件夹中即可
        2、把字体放到css文件夹中,打开style.css,修改Line 10的字体文件名即可


        4楼2017-07-28 20:43
        收起回复
          修改旋转的圆环长度
          打开index.js,可以看到有极多重复的代码,它们就是渲染部分

          如图所示,最后一行的第4、5两个参数分别为绘制起点和终点,即间隔越大长度越长,数值范围在0-2π(6.2),0是3点钟方向


          5楼2017-07-28 20:47
          收起回复
            旋转速度修改
            打开style.css
            在里面找到
            类似这样的语句,那个25s就是动画时间,即越小越快。


            6楼2017-07-28 20:49
            回复
              至于和之前那个不一样的地方,颜色可以自定义?制作难度上难了很多,但是DIY性更强吧,这个完全是用HTML5绘制而成,没用图片,体积大概会小一些吧,而且优化了很多不对的地方。比如那个愚蠢的PM,还有愚蠢的字体= =


              7楼2017-07-28 20:50
              收起回复
                求问那个登陆锁定了怎么办啊


                IP属地:上海来自iPhone客户端8楼2017-07-29 00:33
                回复
                  自己看看,感觉乱写出来的真是不太好看,就仿照着那款做了一个

                  下载地址不变,只不过默认是这个了,魔改或者发布其他的就在这里了,当然李们也可以来发啊xd


                  9楼2017-07-29 02:18
                  回复


                    10楼2017-07-29 14:48
                    回复
                      还有这种操作?


                      IP属地:湖南来自Android客户端11楼2017-07-29 16:20
                      回复

                        加了一个显示秒钟的,就那个小点


                        12楼2017-07-30 14:46
                        收起回复
                          哇塞 好帅啊 求下载地址


                          IP属地:辽宁13楼2017-08-01 20:23
                          收起回复
                            下载好了 怎么用呢 原谅我是新手 不知道怎么用 求教


                            IP属地:辽宁14楼2017-08-01 20:35
                            收起回复
                              可以做得更好看,多修改,多想一下如何做出一种随机旋转并且有回弹阻尼效果


                              IP属地:广东来自Android客户端16楼2017-08-02 09:30
                              收起回复