边框特效

我是社区第55902位番薯,欢迎点我头像关注我哦~
这个其实就是无聊写写的

以前做大屏,为了效果酷炫,都会找美工大大给扣一个酷炫的背景图,然后画好边框,拿来套用~效果确实棒棒哒~但是每个模板都要单独扣边框很麻烦~而且切图自适应是有时候会变形。
今天突发奇想,自己用代码画一个~太麻烦了~折腾了我两个多小时~效果就是下面这样~
GIF.gif
怎么调用呢~
1.jpg
在表单控件的初始化事件里面调用
FR.BorderUI.createType1(this);
就可以为这个控件加上这个边框了~随便页面大小变化边框都不会失真~

技术方法:就是用canvas画就可以了~想要啥样的就画啥样的~
优点:就是比较通用~不会失真
缺点:不好画~会占用一定的资源

有兴趣的番薯可以自己尝试一下~在某些场合里感觉还是可行的方案~



发表于 2017-8-24 16:29:18
发表于 2017-8-24 17:19:48
师傅好厉害
发表于 2017-8-24 18:18:50
发表于 2017-8-25 00:33:33
发表于 2017-8-25 07:34:27
这种加了边框,看起来就很酷炫
发表于 2017-8-25 09:32:57
Donotkillme1 发表于 2017-8-25 07:34
这种加了边框,看起来就很酷炫

如果有美工大大帮忙设计原型图估计效果更好~
发表于 2017-8-25 10:15:12
膜拜
发表于 2017-8-25 14:19:41
在用的时候提示自定义脚本错误,怎么办?
发表于 2017-8-25 16:08:43
Donotkillme1 发表于 2017-8-25 14:19
在用的时候提示自定义脚本错误,怎么办?

额~这个UI是我自己写的~FR没有哈~~你可以自己写写看~我是用canvas~你也可以直接js或者css3什么的~
发表于 2017-8-28 14:56:26
佩服佩服佩服
发表于 2017-8-29 13:31:15
好好好好好好好好好好
发表于 2017-8-29 16:32:51
能共享一下边框特效 的代码吗?
发表于 2017-9-1 08:43:11
大牛 接受膜拜
发表于 2017-9-1 09:26:28
居然是我师傅的师傅,然而我并没有看懂是怎么调用的
发表于 2017-9-15 22:46:05
这个正好要用的  实在感谢!
发表于 2017-9-15 22:47:12
就写一句话啊? 不会吧!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

17回帖数 1关注人数 8527浏览人数
最后回复于:2017-9-16 13:53

返回顶部 返回列表