摘要：
开场白 今天遇到一个场景；就是更改一个图片的颜色； 当听到这个。我直呼好家伙；这个是要上天了呀。 但是仔细一思考；借助canvas好像也能实现； 于是下来研究了一下，并不难； 我们下面来看看怎么实现的 基本思路 主要是获取图片的像素点；ctx.getImageData() 然后去更改图片的像素点； 阅读全文
posted @ 2023-12-22 10:50
南风晚来晚相识
阅读(644)
评论(0)
推荐(0)
摘要： 
简单的多条折线图 小伙伴写过多条折线图的都知道， 常见的折线图是 xAxis 配置项下的 data属性上设置时间或者日期。 series配置项下是对应的 legend中的数据以及该条折线的数据。 <!DOCTYPE html> <html lang="en"> <head> <meta charse 阅读全文
简单的多条折线图 小伙伴写过多条折线图的都知道， 常见的折线图是 xAxis 配置项下的 data属性上设置时间或者日期。 series配置项下是对应的 legend中的数据以及该条折线的数据。 <!DOCTYPE html> <html lang="en"> <head> <meta charse 阅读全文
posted @ 2023-12-14 12:37
南风晚来晚相识
阅读(3972)
评论(0)
推荐(4)
摘要：
起因 今天遇见一个特别有意思的小功能。 就是更换人物图像的背景颜色。 大致操作步骤就是:点击人物-实现背景颜色发生变化 将图片绘画到canvas画布上 我们需要将图片绘制到canvas画布上。 这样做的目的是为了方便我们去操作像素点来更改颜色。 首先创建 Image 的实例。将图片的地址赋值给图片实 阅读全文
posted @ 2023-11-17 09:13
南风晚来晚相识
阅读(1087)
评论(0)
推荐(5)
摘要：
初识canvas canvas 我们可以理解为是一个画布。 它是一个载体。 我们的文字，图案，都是在这个载体(画布)上来进行操作的。 canvas的5个要素 canvas 具有的5个要素： 1.id 元素的唯一标识 2.width 宽度 3.height 高度 4.画笔,上下文 canvas.get 阅读全文
posted @ 2023-11-16 09:53
南风晚来晚相识
阅读(790)
评论(0)
推荐(0)
摘要：
<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
南风晚来晚相识
阅读(208)
评论(0)
推荐(0)
摘要：
canvas添加水印思路 1.在画布上写上水印的名称(时间加上用户名) 2.canvas转化为base64，作为body的背景色 3.优化倾斜度和透明度 4.如果用户去除body的style水印消失 5.鸡肋 MutationObserver 在画布上写上水印的名称 <body> <canvas i 阅读全文
posted @ 2023-10-31 21:49
南风晚来晚相识
阅读(1019)
评论(0)
推荐(0)
摘要：
创建多页面入口 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
南风晚来晚相识
阅读(1016)
评论(0)
推荐(0)
摘要：
uni-app中使用地图显示当前的位置 我们现在的需求是，显示用户在地图上所处的位置。 有的小伙伴可能会说，这个是不是需要接入第三方的地图。 其实是不需要的，从目前这个需求来看。 我们只需要引入uni-app提供的内置组件 map 。 然后设置经纬度以及缩放大小就行 下面我们就来简单的演示一下 使用 阅读全文
posted @ 2023-10-31 21:46
南风晚来晚相识
阅读(1475)
评论(0)
推荐(0)
摘要：
实现放大镜的整体思路 1.当鼠标放在图片上的时候,出现蒙层。 2.出现蒙层，让鼠标在蒙层中心 3.限制蒙层移动的范围 4.放大镜移动 最终实现的效果 鼠标放上去的时候,出现一个蒙层。 蒙层的移动范围只能在图片里，不能超出范围。 移动蒙层时，右侧会出现图片的放大部分。 移除图片的范围，放大镜消失。 鼠 阅读全文
posted @ 2023-09-10 18:47
南风晚来晚相识
阅读(687)
评论(0)
推荐(0)
摘要： 
点击当前元素高亮的实现；点击右侧按钮，滚动到对应区域；滑动到对应区域右侧按钮自动高亮；scroll 事件特别说明；每个区域固定高度实现导航；代码：每个区域高度不确定导航 阅读全文
点击当前元素高亮的实现；点击右侧按钮，滚动到对应区域；滑动到对应区域右侧按钮自动高亮；scroll 事件特别说明；每个区域固定高度实现导航；代码：每个区域高度不确定导航 阅读全文
posted @ 2023-08-31 11:59
南风晚来晚相识
阅读(997)
评论(2)
推荐(3)
浙公网安备 33010602011771号