摘要：实现效果 使用三角形，四边形等拼成一个爱心的图形。 爱心的图形一段时间会有高光闪过。 点击爱心图形会使拼成一个心字。 实现思路 三角形，四边形可以用clip-path: polygon();画出来，确定几个顶点可以画出任意图形。 高光需要在每个多边形添加动画延迟然后加上统一的动画。 爱心变成心字只需 阅读全文

摘要：功能 前端实现速度线，在矩形内生成黑白三角形且闪动。 思路 速度线可以使用多个角度相同的三角形分解矩形。三角形的渲染使用canvas连线fill就行，三角形在矩形上的两个点可以通过计算每个三角形的边长来获取。三角形在矩形上的边长使用三角函数获取。 HTML结构：包含一个画布（Canvas）用于显示图 阅读全文

摘要：功能 允许用户上传图片，并在图片周围添加透明边距。用户可以调整边距的大小，然后将修改后的图片下载为PNG格式。 思路 HTML结构：包含一个画布（Canvas）用于显示图片，以及一些输入框和按钮用于调整边距和下载图片。 CSS样式：定义了页面的基本布局和样式，使页面居中显示，并设置了画布的大小和边框 阅读全文

摘要：<template> <div> <button type="primary" @click="click0">转换摄像头</button> <video class="video" ref="video" width="375" height="500" :class="isFront ? 'vi 阅读全文