摘要：
实现效果 使用三角形，四边形等拼成一个爱心的图形。 爱心的图形一段时间会有高光闪过。 点击爱心图形会使拼成一个心字。 实现思路 三角形，四边形可以用clip-path: polygon();画出来，确定几个顶点可以画出任意图形。 高光需要在每个多边形添加动画延迟然后加上统一的动画。 爱心变成心字只需 阅读全文
posted @ 2026-02-09 10:24
Ccarrote
阅读(55)
评论(0)
推荐(0)
摘要：
实现效果 在canvas中显示根据帧率（fps）和粒子数量（numbers）生成随机颜色大小以及速度的粒子（particles）。 帧率和粒子数量可随时更改，更改完后视图也会更新。 添加开始动画和停止动画按钮。 实现思路 粒子 使用Math.random()获取粒子颜色、大小以及xy轴的速度并存到数 阅读全文
posted @ 2026-02-09 10:23
Ccarrote
阅读(10)
评论(0)
推荐(0)
摘要：
功能 前端实现速度线，在矩形内生成黑白三角形且闪动。 思路 速度线可以使用多个角度相同的三角形分解矩形。三角形的渲染使用canvas连线fill就行，三角形在矩形上的两个点可以通过计算每个三角形的边长来获取。三角形在矩形上的边长使用三角函数获取。 HTML结构：包含一个画布（Canvas）用于显示图 阅读全文
posted @ 2026-02-09 10:22
Ccarrote
阅读(43)
评论(0)
推荐(0)
摘要：
功能 允许用户上传图片，并在图片周围添加透明边距。用户可以调整边距的大小，然后将修改后的图片下载为PNG格式。 思路 HTML结构：包含一个画布（Canvas）用于显示图片，以及一些输入框和按钮用于调整边距和下载图片。 CSS样式：定义了页面的基本布局和样式，使页面居中显示，并设置了画布的大小和边框 阅读全文
posted @ 2026-02-09 10:21
Ccarrote
阅读(21)
评论(0)
推荐(0)
摘要：
目前主流浏览器不能直接嵌入并且播放FLV文件，所以在网上找到开源插件flv.js并封装组件以便使用 首先创建vue插件，在mounted的时候使用$nextTick创建flvPlayer对象 然后监听url防止url未获取就初始化 <template> <video class="video-com 阅读全文
posted @ 2026-02-09 10:19
Ccarrote
阅读(18)
评论(0)
推荐(0)
浙公网安备 33010602011771号