2021年07月_神奇大叔

原创 react-redux Redux-Toolkit和react-redux以及Hooks应用、react-redux的ts写法

1、配置 npm install @reduxjs/toolkit react-redux npm install @types/react-redux ts需要 2、配置reducer import { createSlice,PayloadAction } from '@reduxjs/toolkit' export const counterSlice = createSlice({ name: 'counter', initialState: { 初始state t

2021-07-27 16:15:27 859

原创 js 文件类型的相关操作

(1)返回URL的File对象、Blob对象或者MediaSource对象的URL URL.createObjectURL(object); canvas.toBlob((blob)=>{ let img=new Image(); img.src=URL.createObjectURL(blob); document.body.appendChild(img); })

2021-07-23 16:10:46 122

原创 canvas 像素操作

创建像素块 let imgData=ctx.createImageData(100,100); 创建100*100像素 let imgData=ctx.getImageData(10,10,50,50); 赋值已有像素 let imgData=ctx.createImageData(imgData); 尺寸相同的新ImageData对象(不会复制图像数据)设置像素块样式对于ImageData对象中的每个像素,都存在着四方面的信息,即RGBA值： R - 红色 (0-255) G - 绿色

2021-07-23 12:08:08 414

原创 canvas 图形剪裁clip、缩放、旋转、位移translate、变换矩阵transform

剪裁根据当前所绘制的图形,对之后的所有图形进行剪裁,在这之后的所有图形在裁剪区域才显示,在这之前的不受影响 ctx.clip()效果图第一次剪裁第二次剪裁第三次剪裁第四次剪裁代码示例:// 绘制第一个圆 let cx=200;let cy=300;let radius=100;ctx.beginPath(); ctx.fillStyle = 'red'; ctx.arc(cx, cy, radius, 0, Math.PI * 2, false); ctx.fi

2021-07-22 20:27:32 940

原创 antd Form表单

(1)自定义Form-item内容自定义的组件需要传递value和onChange参数,通过这两个参数和外面的Form联动自定义组件: const PriceInput = ({ value = {}, onChange }) => { value:获取Form中的对应字段的初始数据 onChange:在Input的fn中调用onChange({...}) 使得外部Form能获取到自定义组件的内容 return <div> &l

2021-07-21 17:57:10 805

原创 formrender 适用于react+antd的表单

1、下载 npm i form-render --save FormRender依赖ant design,单独使用不要忘记同时安装antd 2、使用 (1)配置schema条件 const schema = { type: 'object', properties: { input1: { title: '简单输入框', type: 'string', required: true, },

2021-07-15 20:29:56 2000

原创小程序 picker点击底部唤起滚动选择器、picker-view嵌入页面的滚动选择器

picker-view 其中只可放置picker-view-column组件,其它节点不会显示。必须设置picker-view的宽高 <picker-view value="{{[n,n,n]}}" 依次表示picker-view内的各个picker-view-column选择的第几项(下标从0开始),数字大于 picker-view-column可选项长度时,选择最后一项。 indicator-style 设置选择器中间选中框的样式 indicato

2021-07-02 17:04:11 1462

weixin_43294560的博客