![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
Aline:(
各种问题欢迎咨询
展开
-
uniapp Canvas绘制海报
之前写过一个分享海报,但是觉得代码逻辑不清晰所以重新写一个我们的需求是这样子的<view class="w-100 flex-column align-items-center" style="background:transparent !important;"> <canvas id="mycanvas" canvas-id="mycanvas" style="width:270px;height:390px;background:#fff;"></canvas>原创 2021-09-30 13:29:07 · 760 阅读 · 0 评论 -
uniapp canvas文字换行和省略号
分享一个uniapp canvas在绘制过程中需要用到的问题描述:文字超出换行并且超过多少行显示省略号原文链接:https://segmentfault.com/a/1190000017869922/**ctx: 画布的上下文环境content: 需要绘制的文本内容drawX: 绘制文本的x坐标drawY: 绘制文本的y坐标lineHeight:文本之间的行高lineMaxWidth:每行文本的最大宽度lineNum:最多绘制的行数*/textPrewrap(ctx, content转载 2021-09-23 10:14:31 · 1226 阅读 · 0 评论 -
uniapp使用canvas实现小程序海报绘制并保存图片
//首先创建一个canvas标签+保存按钮//canvas宽高可以在标签定义,不需要再js部分去定义<canvas id="mycanvas" canvas-id="mycanvas"></canvas><view class="u-m-t-80 flex justify-content-center align-items-center" @click="saveImg">保存图片</view>//重点来了let ctx = uni.create原创 2021-04-02 10:34:22 · 1909 阅读 · 2 评论 -
小程序最顶部自定义搜索框
原理是计算胶囊的位置从而定位,不多bb看代码app.js const that = this; // 获取系统信息 const systemInfo = wx.getSystemInfoSync(); console.log(systemInfo,'系统信息'); // 胶囊按钮位置信息 const menuButtonInfo = wx.getMenuButtonBoundingClientRect(); console.log(systemInfo)原创 2020-05-16 17:07:45 · 3759 阅读 · 5 评论