组件、逻辑封装

需求整理 支持输入文字、图片 支持复制、粘贴功能 支持长度限制、发送功能 支持添加前缀、后缀 实现思路整理 使用div标签作为输入控件(原生的input是无法实现输入图片并展示在input内) 添加c

总体代码实现 保存画布宽高以及绘制对象 2.绘制(副)标题的方法 3.绘制坐标轴的方法 绘制分类样式 5.绘制坐标轴分割点的方法 6.绘制坐标轴辅助线的方法 7.绘制折线的方法 完整代码 dem

确定实现的目标 主标题、副标题 分类色块 x/y轴(轴、辅助线、分割点、分割点对应的值) 柱状(包含动画) 实现思路 通过ref获取盒子的宽高、绘制对象ctx 标题、轴数据通过props获取 标题、副

需要的技术基础 react tailwindcss (css框架，文档使用的是3版本) 核心思路 组件加载时收集元素的总高度、省略后的高度以及其他逻辑判断 点击展开、收起时修改元素的高度 具体实现(此

核心思路(主要是三个步骤) 绘制刮刮卡的封面 鼠标按下并移动时清除灰色 清除后重新绘制新的图 核心点 canvas绘制对象的属性globalCompositeOperation='destinatio

思路 创建一个前端项目，该项目只需要展示一个页面 点击提交，会修改font-spider.html这个文件 修改成功后，执行写好的shell.sh脚本生成压缩后的字体包 复制出压缩后的字体包使用即可

分享海报核心功能 画文字 画图片 返回最终的图片 该功能封装成一个hooks，返回一个画图功能的函数，函数实现的思路 接收参数 拿到参数并绘制到canvas上 全部绘制完抛出最终图 定义接收的参数 w