- 博客(14)
- 收藏
- 关注
RSS订阅原创 canvas绘制路线可撤销+放大镜跟随效果，uniapp+vue2
1、首先绘制区域的主要的bigCanvas=需要一个装有背景图的firstCanvas+再需要一个绘制路线的secondCanvas，这几个canvas的尺寸都应一致，尺寸通过图片加载完成后getImg函数获取尺寸进行赋值。3.5假如修改放大倍数为x，getMoveData函数中this.canvasw * 2的2就是放大倍数也要修改为x，css中的 transform: scale(x);1、全局设置，在app.vue中设置rem比例，375宽度下，1rem=10px。控制台输出绘制的图片。
2024-06-12 12:08:01
241
2
原创 uniapp图片转为base64，用 uni.request设置参数responseType: ‘arraybuffer‘
【代码】uniapp图片转为base64，用 uni.request设置参数responseType: 'arraybuffer'
2024-06-04 11:38:16
139
原创 uniapp实现微信小程序内嵌h5页面的相互跳转
1.1微信小程序页面实现点击跳转，将h5部署地址url拼接进跳转的页面PageWebview.vue。1.2 PageWebview.vue页面用webview标签展示h5页面。用uni.webView.navigateTo跳转到小程序页面。 2.h5用uni.webView.navigateTo跳转到小程序页面
2023-03-14 12:35:16
3595
原创 uniapp视频取消控件展示，使用slider自定义视频进度条
通过uni.createVideoContext('myVideo')获取video对象，视频初始化结束的时候@endLoading获取到视频的时长endTime， 视频帧刷新的时候@timeupdate获取当前视频播放的时长startTime。图片资源：control_play.png/control_pause.png。思路：video标签 :controls="false"，不展示自带的控件，代码：需要自己添加图片和视频地址。slider标签进行数据展示。
2023-03-14 10:09:03
2204
原创 movable-view内容在transform后在ios微信浏览器模糊的问题
参考：【报Bug】movable-view放大图片在微信浏览器图片模糊的问题 - DCloud问答需求：在movable-view内容背景放大的时候，字体不变大，因此需在movable-view完成缩放后将缩放值scaleData记录下来，字体的大小为1/scaleData但是这时候ios系统字体会模糊，所以增加translateX(0px) translateY(0px) translateZ(0px)，问题解决。...
2022-06-13 15:15:40
644
原创 uniapp video视频铺满容器，不显示控件
1、video标签的属性参考video | uni-app官网enable-progress-gesture：是否开启控制进度的手势，bool值show-center-play-btn：是否显示视频中间的播放按钮，bool值object-fit：当视频大小与 video 容器大小不一致时，视频的表现形式。contain：包含，fill：填充，cover：覆盖show-center-play-btn：是否显示视频中间的播放按钮，bool值<video :enable-prog.
2022-05-31 15:05:40
3307
原创 css字体渐变
一、css代码： background-image:-webkit-linear-gradient(left, red, pink);//开始方向，渐变颜色 -webkit-background-clip:text;//以盒子内的文字作为裁剪区域向外裁剪，文字之外的区域都将被裁剪掉。 -webkit-text-fill-color:transparent;//把文字变透明首先：给外层div（就是装着"----->"的div盒子）来一个背景渐变。其次：用webkit-backgrou
2022-04-11 11:57:04
4386
原创 图片转base64 用canvas.toDataURL()
function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0, img.width, img.height); var ext = img.s.
2022-03-31 18:03:30
561
原创 uniapp下拉刷新，上拉更新
参考：uni-app官网1、pages.json在配置所需页面可以下拉加载enablePullDownRefresh：true{ "path": "banner/index/index", "style": { "navigationBarTitleText": "目的地电子明信片", "enablePullDownRefresh": true }},2、我声明了页面请求的条件变量data(){ return{ // 收到.
2021-12-22 18:20:51
3474
2
原创 vue项目打包后的img图片地址动态赋值报错
<img :src="imgUrl"/>原因：因为imgUrl使用了本地图片的路径。解决方案：将图片放在目录src下的static文件夹内原理：用build打包后的dist文件夹下，文件的位置发生了变动，但是static文件夹原封不动，即static文件夹为服务器暴露出的静态资源目录......
2021-12-15 21:23:00
2006
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人