canvas基础之 贼酷微信红包图片效果









整体思路

获取canvas的上下文,让画布,图片,盒子三者相互适应,没有做屏幕的适配. 

定义一些常量  剪辑区域的半径  剪辑区域数据  

定义一个初始化函数,打开网页就执行,图片就会模糊,并且剪辑区域显示 

所以在初始化化函数可以定义一个函数 用来绘制画布的函数

在画布函数中把图片放入画布中,然后在该函数定义一个函数用来画剪辑区域的函数 

这样三者的关系就能很好的联系一起.

最好点击显示 执行一个显示函数 里面也是执行绘制画布的函数 又可以复用了

随机定义一个随机函数就让整个画布重新初始化  

关键点,几个函数之间的关系,方便复用

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容