当前位置: 首页 > news >正文

uniapp canvas文字和元素居中

文字居中:ctx.textAlign = "center";

元素居中:ctx.arc(screenWidth / 2, 122, 40, 0, 2 * Math.PI);

ctx.arc()的x轴为当前屏幕的宽度/2;

let screenWidth = 540;
let screenHeight = 960;
// 头像
if (photoimg) {ctx.setFillStyle('#000000')ctx.save();ctx.beginPath() //开始创建一个路径ctx.arc(screenWidth / 2, 122, 40, 0, 2 * Math.PI) //画一个圆形裁剪区域ctx.strokeStyle = 'transparent';ctx.stroke();ctx.clip() //裁剪ctx.drawImage(photoimg, 230, 82, 80, 80);ctx.restore()	
}// 昵称
if (that.userInfo) {let names = that.userInfo.nicknamectx.setFontSize(28);ctx.setFillStyle('#333333')ctx.font = 'normal blod 28px PingFangSC, PingFang SC';ctx.textAlign = "center"let titleW = ctx.measureText(names)ctx.fillText(names, screenWidth / 2, 196);
}

http://www.lryc.cn/news/322333.html

相关文章:

  • 深度探索:SWAT模型和生物地球化学循环模型实现流域生态系统水-碳-氮耦合过程模拟
  • C语言经典算法-5
  • python与excel第二节
  • Google云计算原理与应用(四)
  • 面试常问:为什么 Vite 速度比 Webpack 快
  • principles of network applications网络应用原理
  • QT增加线程函数步骤流程
  • Python基础----字符串(持续更新中)
  • 【论文阅读】DiffSpeaker: Speech-Driven 3D Facial Animation with Diffusion Transformer
  • NVM使用教程
  • mysql 学习
  • Jenkins 一个进程存在多个实例问题排查
  • mysql数据类型和常用函数
  • Elastic 线下 Meetup 将于 2024 年 3 月 30 号在武汉举办
  • 线性代数在卷积神经网络(CNN)中的体现
  • 服务器根据用途划分有哪几种?
  • linux 命令笔记:gpustat
  • 【阅读笔记】Adaptive GPS/INS integration for relative navigation
  • Java版直播商城免 费 搭 建:电商、小程序、三级分销及免 费 搭 建,平台规划与营销策略全掌握
  • 经典Bug永流传---每周一“虫”(四十五)
  • 蓝桥杯-礼物-二分查找
  • 设计原则、工厂、单例模式
  • 笔记:Mysql 主从搭建
  • HTTP Error 400. The request hostname is invalid.
  • mysql日志( Redo Log 、Undo Log、Bin Log)
  • HarmonyOS如何创建及调用三方库
  • 我手写的轮子开源了
  • 第十九章 linux部署scrapyd
  • 微信打卡小程序怎么做_用户的每日习惯培养神器
  • C语言数据在内存中的存储