学习笔记
文章平均质量分 68
小陆pro
CV高级前端开发工程师,收徒弟,包学会
展开
-
简单实现uniapp上使用canvas生成分享海报
1、cavans标签,设置唯一的canvas-id<canvas style="width: 400px; height: 750px;" canvas-id="firstCanvas" id="firstCanvas"></canvas>设置画布的大小,要是封装组件,当然也可以动态写入宽高:style="{'width':list.width,'height':list.height}"2、创建 canvas 绘图上下文this.ctx = uni.createCan原创 2021-01-09 20:17:13 · 3571 阅读 · 7 评论 -
反向求二次贝塞尔曲线的控制点,用贝塞尔曲线编写签名板,实现平滑的笔条,无菱角
现在很多产品需求都需要用到电子签名首先想到的解决方案是canvas画板,通过点击,移动事件,来获取滑动的坐标,再用canvas描线,就能达到画板写字的效果。1、最简单的实现方法就是用以下的接口this.ctx.moveTo();this.ctx.lineTo()来看看效果PC端:线条看起来有点不平滑…电脑上看还是不太明显手机端:可以看出很明显的菱角,线条不平滑; 原因很简单,moveTo和lineTo是通过俩个点连线来绘制线条的,注意是直线,所以我们看到绘制出来的线条是由一条一条直线连原创 2020-12-25 15:41:17 · 984 阅读 · 0 评论 -
vue缓存页面keepAlive的坑(数据不刷新,只缓存第一次进入的页面数据),强制刷新缓存的页面的方法
需求:A进入B,根据不同id刷新B页面数据,B进入C,C返回B,如果C有操作数据,则返回B后刷新B数据,否则B页面不刷新;第一次尝试*思路是从C进入B,缓存B,其他页面进入B,不缓存B页面:beforeRouteLeave(to, from, next) { from.meta.keeplive= false; next();},activated(){ //根据$route.meta},C页面 // 返回上一页路由不刷新问题 beforeRouteLeave原创 2020-11-18 11:38:02 · 6549 阅读 · 6 评论