会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
rachelch
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
3
4
5
6
7
8
9
10
11
···
27
下一页
2021年3月12日
安装指定版本的npm和node
摘要: 安装指定版本的npm 1.安装淘宝镜像 即 npm转cnpm 防止npm安装过慢 npm install -g cnpm --registry=https://registry.npm.taobao.org 2.安装指定版本 cnpm install npm@3.10.10 -g 3.确认是否安装成
阅读全文
posted @ 2021-03-12 15:55 rachelch
阅读(33523)
评论(3)
推荐(1)
2021年1月7日
fabric.js阻止对象移动到画布外
摘要: canvas.on('object:moving', (e) => { // 阻止对象移动到画布外面 let padding = 10; // 内容距离画布的空白宽度,主动设置 var obj = e.target; if (obj.currentHeight > obj.canvas.height
阅读全文
posted @ 2021-01-07 11:44 rachelch
阅读(1809)
评论(0)
推荐(0)
2021年1月4日
fabric.js点击按钮放大缩小画布以及画布内容
摘要: zoomIt = (factor) => { // factor: 比例 const { canvas } = this.state; let cWidth = canvas.width; canvas.setWidth(cWidth * factor); canvas.setHeight(cWid
阅读全文
posted @ 2021-01-04 16:23 rachelch
阅读(2527)
评论(0)
推荐(0)
2020年12月30日
fabric.js转化对象时保存自定义属性(fabricjs丢失自定义属性处理)
摘要: 我们在用 fabric.js 操作canvas画版添加各种形状/图片时,有时候会自己添加对应的自定义属性,当涉及到撤销/恢复时,要保存之前的canvas的数据以及状态,此时一般通过toJSON()、toDatalessJSON()、toDatalessObject()等来获取canvas中的内容进行
阅读全文
posted @ 2020-12-30 16:03 rachelch
阅读(1884)
评论(0)
推荐(0)
2020年12月22日
fabricjs相关方法知识点
摘要: 1: 获得画布上的所有对象: var items = canvas.getObjects(); 2: 设置画布上的某个对象为活动对象。 canvas.setActiveObject(items[i]); 3:获得画布上的活动对象 canvas.getActiveObject(); 4:取消画布中的所
阅读全文
posted @ 2020-12-22 14:39 rachelch
阅读(5995)
评论(0)
推荐(0)
2020年12月8日
js 图片转换base64 base64转换为file对象
摘要: 将图片转换为Base64 function getImgToBase64(url,callback){ var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'), img = new Image; img
阅读全文
posted @ 2020-12-08 16:26 rachelch
阅读(3535)
评论(0)
推荐(0)
2020年11月12日
使用fabric.js拖拽、旋转、缩放图片
摘要: 什么是Fabric.js? Fabric.js 是一个强大的H5 canvas框架,在原生canvas之上提供了交互式对象模型,通过简洁的api就可以在画布上进行丰富的操作。 Fabric.js有什么功能? 使用Fabric.js,你可以在画布上创建和填充对象; 比如简单的几何形状 - 矩形,圆形,
阅读全文
posted @ 2020-11-12 16:57 rachelch
阅读(19598)
评论(8)
推荐(4)
2020年10月27日
【Umi 四】 Cannot find module 'umi'
摘要: 1、前序 安装完成 @umijs/preset-react,且配置好config.js之后,重新启动项目,报错 Cannot find module 'umi' // package.json { "name": "myumi2", "version": "1.0.0", "description"
阅读全文
posted @ 2020-10-27 10:48 rachelch
阅读(9795)
评论(0)
推荐(0)
【Umi 二】reactjs页面无法引入umi/link
摘要: 1、问题 reactjs页面无法引入umi/link react项目页面引入umi/link 导入不了 下载一直报错 import Link from 'umi/link'; //(早期版本) 根据提示执行npm install --save umi/link 但是一直报错 2、解决方案 impor
阅读全文
posted @ 2020-10-27 10:33 rachelch
阅读(1556)
评论(0)
推荐(2)
【Umi 三】 Umi项目启动报错:Path must be a string.
摘要: 1、前序: 引入antd ui库,并配置config.js,npm start npm i antd -S npm i umi-plugin-react -D // config/config.js export default { //插件配置 plugins: [ [ "umi-plugin-r
阅读全文
posted @ 2020-10-27 10:27 rachelch
阅读(1679)
评论(0)
推荐(0)
上一页
1
···
3
4
5
6
7
8
9
10
11
···
27
下一页
公告