燊燊向上-CSDN博客

原创用canvas画一个带圆角的正方形

但后面又提需求，要这些带识别框的图片作为练习记录列表的封面，所以需要用canvas生成，canvas把字帖图片转为画布，在画布上把识别框画出来，还有分数，小红花，框的颜色等等，画完后转为图片上传阿里云，下面是canvas画带圆角正方形的demo代码。简单来说就是把正方形的四个角换成用arcTo画圆弧，确定圆弧的半径为r，再确定圆弧的终末点即可，画出来就像以r为半径圆截了4分之1去代替正方形的四个角。// 画一个圆角半径为30，边长为200，左上角原点为（100， 100）的圆角矩形。

2023-12-18 15:55:57 698

原创 uniapp地图map组件改变scale会瞬移回当前map属性绑定的经纬度的解决办法

在开发环境js改变scale变量的值控制地图放大缩小没有问题，但实机预览就有问题，点击改变scale变量，地图中心点会跳回一开始给map组件的经纬度坐标，这明显是不能接受的。这个uniapp内置map组件需要传入latitude，longitude和scale属性，以给地图一开始的定位和缩放大小。在缩放时把map组件的经纬度更新为当前视野的中心经纬度，缩放跳转问题解决。使用getCenterLocation获取当前地图中心位置。

2023-03-24 14:15:45 1397 1

原创 wx.getMenuButtonBoundingClientRect()获取的微信小程序胶囊布局位置信息在页面上的具体展现

wx.getMenuButtonBoundingClientRect()获取的胶囊位置信息在实际页面具体指哪里，知道位置后可以获取手机的状态栏高度（就是手机电量那栏），经过一番加减就可以得出自己需要的自定义导航栏高度了。bottom是以胶囊最右边的像素到屏幕最上边的距离。right是以胶囊最右边的像素到屏幕最左边的距离。left是以胶囊最左边的像素到屏幕最左边的距离。top是以胶囊最上边的像素到屏幕最上边的距离。uniapp

2022-12-14 13:38:56 2211

原创用el-scrollbar写一个可横向滚动的vue组件

组件 el-scrollbar组件 scrollWidth scrollLeft clientWidth 点击一次按钮更改scrollLeft或scrollRight elementui

2022-12-05 08:55:11 3475

原创一种解决因setInterval阻塞导致手写的时钟时间展示不准的方法

显示当前时间，setInternal1000毫秒但setInternal会被很耗时的代码阻塞运行，导致时钟时间显示不准的，setTimeout代替setInternal来解决，每次都算一下时间误差简单粗暴的方法解决获取服务器时间获取线上时间计算时间差得出当前时间戳

2022-11-23 13:55:18 1083

原创 uniapp开发小程序中因uchart的canvas层级过高遮盖uni-datetime-picker组件的解决办法

uchart和uni-datetime-picker组件。但uchart用到了canvas，其层级过高，当实机运行小程序时会遮盖弹出的uni-datetime-picker组件当uni-datetime-picker组件弹出遮罩时，把canvas移到用户视野之外。uni-datetime-picker组件本质就是普通的vue组件，进入uni-modules寻找uni-datetime-picker组件的代码

2022-11-18 10:50:09 5967 6