- 博客(7)
- 收藏
- 关注
原创 canvas 动态镂空
需求是在一张图片上做出蒙版镂空的效果,由于有多个镂空,就想用canvas来做, ctx.moveTo(0, 0); ctx.lineTo(1500, 0); ctx.lineTo(1500, 600); ctx.lineTo(0, 1500); ctx.closePath(); ctx.fillStyle = "rgba(0, 0, 0, 0.5)"; ctx.moveTo(400, 100);
2021-09-26 17:10:33 561
原创 vue 中 截图或者裁剪图片
需求是做个在一张图片上截取部分功能,类似于截图,也是裁剪,如果是截图可以用html2canvas 来做,它是用canvas来做的,会把你指定的dom通过canvas转成图片,但是如果你要截取部分,这个就不好用,这次我用的是vue-cropper 这个插件npm install vue-cropper引入import VueCropper from 'vue-cropper'Vue.use(VueCropper)template 部分<template> <div>
2020-10-27 15:52:57 954 2
原创 electron 项目 软件模拟键盘
第一点,网上找到robotjs 这个插件去解决,可是这个插件太坑了,单独在node 环境下使用没问题,可是在electron 中使用就会报不适别 其中的.node 文件。我都用了不管用,降低node 版本,重新编译。抱着试试看的态度,终于成功了。通信我选择使用串口通信也就是前面下载的这个 serialport, 串口的一些配置,根据自己的来写,我前面mkdir() 和 readConfig()是用来创建默认配置项和读取。接到一个需求,同一个局域往下的两台电脑,使用其中一台电脑去控制另外一个电脑的键盘。
2024-09-19 15:58:40 308
原创 日历calendar 组件 增加禁用功能
在使用el-calendar的时候,有个需求,需要把今天之前的日期给禁用掉,本以为是轻轻松松,给个禁用日期就ok的,像el-date-picker这个只需要传一个禁用的日期就ok,但是万万没想到el-calenda没有提供这个属性,是真的没有。思路是这样,我的要求是今天之前的日期,那么在组件上会不会有之前的class,只要昨天前天上个月这有个"is-pervDay",那我根据他的类名控制就行。1拿到当前的时间和当天的时间比对,小于今天的时间加上class。...
2022-07-15 17:57:38 2468 4
原创 利用antd 表格实现内容多选的效果
要求效果,鼠标悬停时有背景色,离开取消,原本表格是自带背景色的,不过是当前行的,这个不能要,取消掉,然后离开的时候取消掉,跟行的效果是一样的,再有就是点击的时候要把背景颜色停留上面本来这种直接用下拉框最简单的事,但是产品为了好看设计成这样,只能忍了首先 第一步,把行颜色取消 /deep/ table tbody tr:hover td{ background-color:#ffffff!important }这样鼠标悬停上面就没有任何效果了,再就给加单项加上同样的效果第二步.
2021-10-18 15:22:04 833
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人