随笔分类 -  一起学习那些酷炫的canvas效果

一些酷炫的canvas特效,其中canvas-API的使用方法的难点可能不多。更需要注意的是其实现的思想。
摘要:冰冰老婆1:1头像镇楼: 受一段视频启发,具体视频在哪找不到了。但是总体就是把一张照片横向裁剪成一条一条,间隔一条抽去一条,再拼接起来还是能看到轮廓,然后纵向执行相同的操作,重复多次,最后照片已经只剩很小的一块了,但是照片的内容却还是依稀可以看到。 canvas有操控像素的能力,所以想了想这种功能使 阅读全文
posted @ 2022-07-18 10:18 俄罗斯方块 阅读(229) 评论(0) 推荐(0) 编辑
摘要:以我的博客为例,我想加一个蜘蛛网样式的背景到我的博客上,有哪些步骤呢。 1.整体思路 我的背景就是一个宽高与窗口宽高相同的canvas元素。然后另外还有js代码控制canvas的行为。所以我的这个背景分为两部分:HTML部分和js脚本部分。 那么这两部分各放在什么地方呢? 设置背景需要进入我的设置页 阅读全文
posted @ 2022-07-06 09:03 俄罗斯方块 阅读(267) 评论(0) 推荐(0) 编辑
摘要:1.效果 2.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c 阅读全文
posted @ 2022-07-05 13:39 俄罗斯方块 阅读(424) 评论(0) 推荐(1) 编辑
摘要:先看效果: 再放源代码: 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta nam 阅读全文
posted @ 2022-07-01 17:20 俄罗斯方块 阅读(322) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示