sanhuamao

封装内容 配置分页：usePagination 生成过滤项：useFilter 获取表格选择配置：useSelect 生成批量删除按钮：useDelete 生成模态框：useModal 示例 rend

一 功能 可添加时间、日期、星期、字幕、图片、视频和背景音乐。 可修改布局大小。画布及元素的个别属性（如x，y，width，height，fontsize）将会通过一定比例进行缩放，以此达到接近实际所

功能 支持居中/局左/居右布局 可自定义线条颜色 默认情况下图标是圆形，可自定义圆形颜色和大小，同时也可以自定义图标 支持自定义内容 效果 实现思路 居左居右比较简单，这里讲一下居中的情况。居中使用的

效果 代码 这是从codepen参考过来的一段代码，自己diy了一下。可以根据需求修改显示的条数、宽度、颜色、跳动频率及幅度。

一 需求场景 需要在监控画面中绘制一块监测区域（多边形），最后取多边形的各个坐标点。 鼠标左键：加入路径点 鼠标右键：撤销 鼠标移动：动态绘制区域 双击鼠标左键：清除画布 回车：完成绘图 二 效果图

前言 Web Component： 创建可重用的定制元素 学习内容来源： https://www.youtube.com/watch?v=2I7uX8m0Ta0 https://developer.m

自适应图片 根据屏幕大小选择图片内容。本文为学习笔记，主要内容为img的srcset与sizes属性，以及picture标签。学习内容来自于： mdn文档：https://developer.mozi

前提 这是一个便于开发者操作拖拽交互的库，感觉不错！它的官方文档贼难进去，这篇文章主要是把一些常用的内容记下，希望能帮助到大家。本篇文章参考的是16.0.1版本 1 简单示例 1.1 useDrag：

1. 基本样式模块化 把一些常用的属性一块一块写好。下面举一些例子 名称 示例 提示样式 label样式 常见legend 2. 图表series样式模块化 折线： 柱体： 3. 配置各类图表的opt