
vue
akko_
求一份前端开发工作,base武汉
展开
-
vue3 + vite + 科大讯飞 实现语音测评 踩坑记录
vue3+vite中 webworker 及科大讯飞对接原创 2022-07-12 15:51:20 · 1852 阅读 · 0 评论 -
JS异步回调方法转同步
在调用第三方工具库的时候,有时别人封装的方法是通过方法的回调去执行,但是我们如果想遍历调用就不好控制调用的顺序,面对这种情况有如下解决方法: // 普通匿名函数实现 (function test(i) { if (i == objects.length) { return; } fabric.Polygon.fromObject(objects[i], (e) => {原创 2022-03-21 17:54:26 · 1923 阅读 · 1 评论 -
记录fabricJS的坑,多边形填充图案,移动端兼容
应用场景:抠图,点选出多边形,填充图案为背景图片,偏移遮盖住当前位置,形成视觉效果上的选区遮挡住了其他图形当前模拟设备:ipone12pro解决思路:通过fabricJS选择圆点,根据圆点列表生成多边形,向多边形中填充图片,再将图片根据多边形距离视口左侧上侧距离计算图片在多边形中的偏移形成改效果遇到的问题:在长屏手机上横屏时,图片的缩放比例跟计算比例有误差—图片缩放的bug为fabric的bug代码: // 多边形点列表 let points = []原创 2022-03-11 15:12:56 · 3947 阅读 · 0 评论 -
fabric.js图层换位,多对多
例如有如下画布层级,四张图片 添加顺序分别为 0、1、2、3,越后面的层级越高,呈现出依次盖住的效果。这里想实现0、1为一组然后换位置到2、3的上面,但是保持0、1的层级关系,如果直接用fabric提供的group对象进行层级上下移动会造成不能拆分的情况,而且就算拆分了group变为了原来的对象层级还是跟原来的一样由此我想到了使用集合这个属性,fabric.Collection,这是一个静态属性,不需要new出来下面copy出来我的代码function up(index)为当前集合上移,func原创 2021-11-29 17:54:18 · 18326 阅读 · 0 评论 -
fabric.js中文文档
http://funcion_woqu.gitee.io/fabric-doc/api/#basebrush原创 2021-11-26 11:51:33 · 17584 阅读 · 0 评论 -
fabric.js对象转json存储并通过json转fabric klass对象添加到画布中
fabric对象转JSON:JSON对象转fabric对象[klass]:这个是对于图片对象的 从图片对象JSON转 klass对象我自己经过测试发现 fabric.object.fromJSON(jsonObject)方法 可以对json对象进行实例化成klass对象,这个方法返回一个kalss对象实例,并且能直接使用canvas.add()方法添加到画布中JSON对象直接渲染到画布[会清除当前画布内容]:方式1:canvas.loadFromJSON(json, canvas.ren原创 2021-11-23 12:14:26 · 19630 阅读 · 0 评论 -
vue的history模式下刷新当前页面404解决
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。const router = new VueRouter({ mode: 'history', routes: [...]})当你使用 history 模式时,URL 就像正常的原创 2021-11-02 14:45:52 · 4969 阅读 · 2 评论 -
vue在请求后改变数组中的对象 视图不刷新
this.$set(数组中的对象,'属性',想改变的值)原创 2021-09-30 17:29:40 · 173 阅读 · 0 评论 -
Vue-print-nb 伪类打印失效,页眉页脚
在需要打印的标签上加上该样式即可解决伪类失效[其实打印的时候->更多设置->背景图形 勾上也可以打印出伪类]-webkit-print-color-adjust: exact;去掉页眉页脚@page size: auto margin: 3mm原创 2021-09-15 16:00:43 · 2995 阅读 · 0 评论 -
前端设计配色网站
Fresh Background Gradients | WebGradients.com ????原创 2021-09-13 18:12:13 · 181 阅读 · 0 评论 -
vue中表单select组件使用 this.form.xxx 去清空option时表单验证失效问题
this.$set(this.form, 'county', '')使用这段代码即可解决问题原创 2021-08-19 18:55:50 · 721 阅读 · 0 评论 -
在vue-cli项目中使用echarts
https://www.cnblogs.com/Smiled/p/7686316.html转载 2021-07-05 12:15:33 · 163 阅读 · 0 评论 -
JS格式化显示json数据
前端json数据格式化显示1.格式化处理var text = "...";//json格式的字符串var jsonPretty = JSON.stringify(JSON.parse(text),null,2); 2. 显示显示只需把格式化处理后的json字符串数据放到pre标签中即可JS格式化显示json数据...转载 2021-02-15 21:25:26 · 1329 阅读 · 0 评论 -
解决vue中对象属性改变视图不更新的问题
解决vue中对象属性改变视图不更新的问题转载 2021-02-15 17:56:55 · 275 阅读 · 0 评论 -
Vue插槽---Element-ui 中的使用
<el-table :data="rightsList" border stripe> <el-table-column type="index" label="#"></el-table-column> <el-table-column label="权限名称" prop="authName"></el-table-column> <el-table-column label="路原创 2020-07-23 23:19:44 · 1349 阅读 · 0 评论 -
vue-cli启动自动打开浏览器
vue serveUsage: serve [options] [entry]在开发环境模式下零配置为 .js 或 .vue 文件启动一个服务器Options: -o, --open 打开浏览器 -c, --copy 将本地 URL 复制到剪切板 -h, --help 输出用法信息原创 2020-07-20 23:26:41 · 761 阅读 · 0 评论