- 博客(3)
- 收藏
- 关注
原创 react 实现div缩放、旋转、拖拽的9个控制点
react 实现div缩放、旋转、拖拽的9个控制点这段时间一个canvas 库所实现的元素拖拽控制,觉得很不错。于是自己用js + div 来实现一个。用了react 框架,练练手。思路在被控制的元素的四条边和四个角添加8个控制点控制点。拖拽控制点时判断拖拽的方向,计算偏移量。修改元素的top、left、width、height。旋转功能是通过三角函数计算鼠标拖动后的角度。动态修改元素的rotate画板(舞台)想要对元素进行控制。 我们先定义一个画板,规定元素只能在指定的范围内变化。然后在
2020-12-22 15:04:24 6098 19
原创 Thinkjs上传保存文件方法封装
封装saveFile方法上传时保存文件调用 import {think} from "thinkjs"; import fs from 'fs'; import * as path from 'path'; /** * 保存文件 * @param filename * @param tempPath * @param base64 * @param prefix - 文件夹前缀 */ export async function saveFile(filename: s
2020-10-12 17:30:26 466
原创 CSS一键设置页面暗黑模式、哀悼模式
一键暗黑模式html[theme='dark-mode'] { filter: invert(1) hue-rotate(180deg);}filter CSS 属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像,背景和边框的渲染。(参考:MDN Web文档)对于暗黑模式,将使用两个 filter :invert 和 hue-rotateinvert:反转配色。黑色变为白色,白色变为黑色,所有颜色都是如此hue-rotate:帮助我们处理所有其他非黑色和白色的颜色。将色相旋
2020-10-12 15:07:05 1652
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人