找回密码
 立即注册

QQ登录

只需一步,快速开始

nimotea

超级版主

32

主题

108

帖子

652

积分

超级版主

Rank: 8Rank: 8

积分
652
nimotea
超级版主   /  发表于:2023-10-11 15:44  /   查看:2704  /  回复:3
本帖最后由 nimotea 于 2023-10-11 15:45 编辑

背景


在某些炫酷大屏场景下,需要使用带动效的星空背景作为大屏背景,以提高看板的整体炫酷深邃感。(gif 比较大,加载较慢)
旋转星空.gif

但是一般这种 gif 图片比较难找,而且如果要做一些定制化改造会比较麻烦,需要使用一些专业制图工具来修改,有没有什么简单的方法呢.

方案


首先可以下载本帖提供的静态html文件 "starBG.html", 这个html使用原生js实现了星空旋转的效果。然后我们需要把这个 html 放置自己的Wyn 安装目录下,以安装地址为 "D:/wyn" 为例,需要找到 "D:/wyn/Server/wwwroot/" 目录,我们需要把 starBG.html 放置到这个  目录下。这样当Wyn 启动后,我们就可以使用 http://localhost:51980/starBG.html 来访问html 内容了。


接着,我们需要使用到 Wyn 组件中的 外部扩展组件
image.png354512023.png
然后我们配置 外部扩展的 网络地址为 : http://localhost:51980/starBG.html ,使用 外部扩展作为大屏的背景组件,即能实现旋转星空背景的效果。


image.png926493225.png

注意


外部扩展左右上侧的间隔部分可以通过,扩展本身的 标题属性(是否显示),以及外观样式的内外边距属性来控制。
在使用外部扩展组件时,一定要先打开启用重叠功能,否则组件本身会顶走其他图表的位置。


image.png403969725.png

结束

starBG.html

3.43 KB, 下载次数: 553

3 个回复

倒序浏览
gddsb
初级会员   /  发表于:2023-10-19 17:13:30
沙发
回复 使用道具 举报
Eden.SunWyn认证
超级版主   /  发表于:2023-10-19 17:51:07
板凳

您在使用过程中遇到什么问题,可以发帖解决哦!
回复 使用道具 举报
ZenosZeng讲师达人认证 悬赏达人认证
超级版主   /  发表于:2023-12-22 08:33:31
地板
这个效果不错啊。

楼主,能否再提供一版透明背景色的效果。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部