南风晚来晚相识

2023年12月14日

摘要：

简单的多条折线图小伙伴写过多条折线图的都知道，常见的折线图是 xAxis 配置项下的 data属性上设置时间或者日期。 series配置项下是对应的 legend中的数据以及该条折线的数据。 <!DOCTYPE html> <html lang="en"> <head> <meta charse 阅读全文

posted @ 2023-12-14 12:37 南风晚来晚相识阅读(3830) 评论(0) 推荐(4)

2023年11月17日

canvas实现动态替换人物的背景颜色

摘要：起因今天遇见一个特别有意思的小功能。就是更换人物图像的背景颜色。大致操作步骤就是:点击人物-实现背景颜色发生变化将图片绘画到canvas画布上我们需要将图片绘制到canvas画布上。这样做的目的是为了方便我们去操作像素点来更改颜色。首先创建 Image 的实例。将图片的地址赋值给图片实阅读全文

posted @ 2023-11-17 09:13 南风晚来晚相识阅读(1069) 评论(0) 推荐(5)

2023年11月16日

canvas绘制圆环

摘要：初识canvas canvas 我们可以理解为是一个画布。它是一个载体。我们的文字，图案，都是在这个载体(画布)上来进行操作的。 canvas的5个要素 canvas 具有的5个要素： 1.id 元素的唯一标识 2.width 宽度 3.height 高度 4.画笔,上下文 canvas.get 阅读全文

posted @ 2023-11-16 09:53 南风晚来晚相识阅读(767) 评论(0) 推荐(0)

2023年10月31日

echarts地图各个区域的信息展示情况

摘要： <template> <div class="managingPatientSize"> <div id="china-map"></div> </div> </template> <script> import geoJson from 'echarts/map/json/china.json' 阅读全文

posted @ 2023-10-31 21:54 南风晚来晚相识阅读(197) 评论(0) 推荐(0)

canvas实现添加水印

摘要： canvas添加水印思路 1.在画布上写上水印的名称(时间加上用户名) 2.canvas转化为base64，作为body的背景色 3.优化倾斜度和透明度 4.如果用户去除body的style水印消失 5.鸡肋 MutationObserver 在画布上写上水印的名称 <body> <canvas i 阅读全文

posted @ 2023-10-31 21:49 南风晚来晚相识阅读(982) 评论(0) 推荐(0)

vite多入口

摘要：创建多页面入口 1.在根目录下创建 demo1.htm1，demo2.htm1这两个文件 2.在vite.config.js文件中配置入口 3.在src下创建文件夹和文件，src/demo1/app.vue和src/demo1/main.js demo1.htm1 <!doctype html> < 阅读全文

posted @ 2023-10-31 21:48 南风晚来晚相识阅读(961) 评论(0) 推荐(0)

uni-app中使用map

摘要： uni-app中使用地图显示当前的位置我们现在的需求是，显示用户在地图上所处的位置。有的小伙伴可能会说，这个是不是需要接入第三方的地图。其实是不需要的，从目前这个需求来看。我们只需要引入uni-app提供的内置组件 map 。然后设置经纬度以及缩放大小就行下面我们就来简单的演示一下使用阅读全文

posted @ 2023-10-31 21:46 南风晚来晚相识阅读(1434) 评论(0) 推荐(0)

2023年9月10日

js详细讲解放大镜的实现

摘要：实现放大镜的整体思路 1.当鼠标放在图片上的时候,出现蒙层。 2.出现蒙层，让鼠标在蒙层中心 3.限制蒙层移动的范围 4.放大镜移动最终实现的效果鼠标放上去的时候,出现一个蒙层。蒙层的移动范围只能在图片里，不能超出范围。移动蒙层时，右侧会出现图片的放大部分。移除图片的范围，放大镜消失。鼠阅读全文

posted @ 2023-09-10 18:47 南风晚来晚相识阅读(660) 评论(0) 推荐(0)

2023年8月31日

详细讲解js实现电梯导航

摘要：

点击当前元素高亮的实现；点击右侧按钮，滚动到对应区域；滑动到对应区域右侧按钮自动高亮；scroll 事件特别说明；每个区域固定高度实现导航；代码：每个区域高度不确定导航阅读全文

posted @ 2023-08-31 11:59 南风晚来晚相识阅读(973) 评论(2) 推荐(3)

2023年8月23日

详情讲解canvas实现电子签名

摘要：签名的实现功能我们要实现签名： 1.我们首先要鼠标按下,移动，抬起。经过这三个步骤。我们可以实现一笔或者连笔。按下的时候我们需要移动画笔，可以使用 moveTo 来移动画笔。 e.pageX,e.pageY来获取坐标位置移动的时候我们进行绘制 ctx.lineTo(e.pageX,e.pag 阅读全文

posted @ 2023-08-23 09:19 南风晚来晚相识阅读(1225) 评论(5) 推荐(8)

南风晚来晚相识

公告