当前位置: 首页 > 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);
}

相关文章:

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.setFillSty…...

深度探索:SWAT模型和生物地球化学循环模型实现流域生态系统水-碳-氮耦合过程模拟

目录 专题一 流域水碳氮建模概述 专题二 ArcGIS入门 专题三 SWAT模型建模流程 专题四 DEM数据制备流程 专题五 土地利用数据制备流程 专题六 土壤数据制备流程 专题七 气象数据制备流程 专题八 农业措施数据制备流程 专题九 参数率定与结果验证 专题十 CENTURY模型建…...

C语言经典算法-5

文章目录 其他经典例题跳转链接26.约瑟夫问题(Josephus Problem)27.排列组合28.格雷码(Gray Code)29.产生可能的集合30.m元素集合的n个元素子集 其他经典例题跳转链接 C语言经典算法-1 1.汉若塔 2. 费式数列 3. 巴斯卡三角形 4. …...

python与excel第二节

python与excel第二节 打开一个工作簿 例子: import xlwings as xw app xw.App(visibleTrue,add_bookFalse) workbook app.books.open(rD:\TEST\python与excel\工作簿test0.xlsx) 上面例子打开了工作簿test0.xlsx。 但是,如果该excel文件不存在则报错…...

Google云计算原理与应用(四)

目录 七、海量数据的交互式分析工具Dremel(一)产生背景(二)数据模型(三)嵌套式的列存储(四)查询语言与执行(五)性能分析(六)小结 八、…...

面试常问:为什么 Vite 速度比 Webpack 快

前言 最近作者在学习 webpack 相关的知识,之前一直对这个问题不是特别了解,甚至讲不出个123....,这个问题在面试中也是常见的,作者在学习的过程当中总结了以下几点,在这里分享给大家看一下,当然最重要的是…...

principles of network applications网络应用原理

Creating a network app write programs that: ▪ run on (different) end systems ▪ communicate over network ▪ e.g., web server software communicates with browser software application transport network data link physical application transport network data li…...

QT增加线程函数步骤流程

在使用线程的时候,不仅要关注线程开启的时机,同时还要关注线程安全退出,这样才能保证程序的健壮性,如果线程开启的较多,且开启关闭比较频繁,建议使用线程池来处理。开启线程有三种方式:第一种C的…...

Python基础----字符串(持续更新中)

字符串的介绍 定义:是python中常用的数据类型之一,可以使用单引号、双引号、三引号来进行创建 字符串的标识类型:str 字符串的特性 字符串属于不可变数据类型,不能直接修改字符串的本身 数字、元组也属于不可变数据类型 字符串…...

【论文阅读】DiffSpeaker: Speech-Driven 3D Facial Animation with Diffusion Transformer

DiffSpeaker: 使用扩散Transformer进行语音驱动的3D面部动画 code:GitHub - theEricMa/DiffSpeaker: This is the official repository for DiffSpeaker: Speech-Driven 3D Facial Animation with Diffusion Transformer paper:https://arxiv.org/pdf/…...

NVM使用教程

文章目录 ⭐️写在前面的话⭐️1、卸载已经安装的node2、卸载nvm3、安装nvm4、配置路径以及下载源5、使用nvm下载node6、nvm常用命令7、全局安装npm、cnpm8、使用淘宝镜像cnpm9、配置全局的node仓库🚀 先看后赞,养成习惯!🚀&#…...

mysql 学习

本文来自于《sql必知必会》 所需要的文件教程连接 本站其他的小伙伴 第一课 了解sql 数据库基础 什么是数据库 数据库(database) 保存有组织的数据的容器(通常是一个文 件或一组文件)。 表 表(table)…...

Jenkins 一个进程存在多个实例问题排查

Jenkins 一个进程存在多个实例问题排查 最近Jenkins升级到2.440.1​版本后,使用tomcat​服务部署,发现每次定时任务总会有3-4个请求到我的机器人上,导致出现奇奇怪怪的问题。 问题发现 机器人运行异常,总有好几个同时请求的服务。…...

mysql数据类型和常用函数

目录 1.整型 1.1参数signed和unsigned 1.2参数zerofill 1.3参数auto_increment 2.数字类型 2.1floor()向下取整 2.2随机函数rand() 2.3重复函数repeat() 3.字符串类型 3.1length()查看字节长度,char_length()查看字符长度 3.2字符集 3.2.1查看默认字符…...

Elastic 线下 Meetup 将于 2024 年 3 月 30 号在武汉举办

2024 Elastic Meetup 武汉站活动,由 Elastic、腾讯、新智锦绣联合举办,现诚邀广大技术爱好者及开发者参加。 活动时间 2024年3月30日 13:30-18:00 活动地点 中国武汉 武汉市江夏区腾讯大道1号腾讯武汉研发中心一楼多功能厅 13:30-14:00 入场 活动流程…...

线性代数在卷积神经网络(CNN)中的体现

案例:深度学习中的卷积神经网络(CNN) 在图像识别领域,卷积神经网络(Convolutional Neural Networks, CNN)是一个广泛应用深度学习模型,它在人脸识别、物体识别、医学图像分析等方面取得…...

服务器根据用途划分有哪几种?

随着企业需求的不同,服务器的类型也变得多种多样了,有根据机箱结构来划分的服务器类型,如机架式服务器、刀片式服务器和塔式服务器等,也有按照应用层次来划分的服务器类型,如入门级服务器和工作组服务器等。 那根据用途…...

linux 命令笔记:gpustat

1 命令介绍 gpustat是一个基于Python的命令行工具,它提供了一种快速、简洁的方式来查看GPU的状态和使用情况它是nvidia-smi工具的一个封装,旨在以更友好和易于阅读的格式显示GPU信息。gpustat不仅显示基本的GPU状态(如温度、GPU利用率和内存…...

【阅读笔记】Adaptive GPS/INS integration for relative navigation

Lee J Y, Kim H S, Choi K H, et al. Adaptive GPS/INS integration for relative navigation[J]. Gps Solutions, 2016, 20: 63-75. 用于相对导航的自适应GPS/INS集成 名词翻译 formation flying:编队飞行 摘要翻译 在编队飞行、防撞、协同定位和事故监测等许多…...

Java版直播商城免 费 搭 建:电商、小程序、三级分销及免 费 搭 建,平台规划与营销策略全掌握

随着互联网的快速发展,越来越多的企业开始注重数字化转型,以提升自身的竞争力和运营效率。在这个背景下,鸿鹄云商SAAS云产品应运而生,为企业提供了一种简单、高效、安全的数字化解决方案。 鸿鹄云商SAAS云产品是一种基于云计算的软…...

AI辅助开发术语体系深度剖析

随着生成式AI与软件开发的深度融合,一系列全新的术语和开发范式应运而生。这些概念并非孤立存在,而是相互关联、层层支撑,共同构成了当前AI编程的新骨架。对于有一定基础的开发者而言,系统性掌握这套术语体系,不仅能提…...

【限时解密】2026奇点大会未公开闭门报告:AI编程助手在金融级代码审计、合规注释生成、跨语言重构三大高危场景的真实失效案例(仅剩97份内部摘要)

第一章:2026奇点智能技术大会:AI编程助手对比评测 2026奇点智能技术大会(https://ml-summit.org) 在2026奇点智能技术大会上,来自全球12家主流厂商的AI编程助手接受了统一基准测试——包括代码补全准确率、跨文件上下文理解、调试建议有效性…...

移相全桥变换器原理及优缺点

一、引言在中大功率 DC-DC 变换领域(100W~10kW),移相全桥(Phase-Shifted Full-Bridge, PSFB)变换器凭借软开关特性、高效率、高功率密度、低电磁干扰等优势,成为当之无愧的主流拓扑。它完美解决了硬开关全桥…...

超详细!Hermes Agent 一键部署全流程指南,轻松上手不踩坑

继 OpenClaw(养龙虾)爆火之后,开源 Agent 领域又迎来一位顶流选手,由 Nous Research 打造的 Hermes Agent(爱马仕)。Hermes Agent 不同于普通的聊天机器人,它是一个拥有持久记忆、能够自主进化并…...

SpringCloud Feign 声明式服务调用

一、Feign 是什么?Feign 是 Spring Cloud 提供的一个声明式 HTTP 客户端,用来简化微服务之间的远程调用。你只需要写一个接口,加几个注解,就能像调用本地方法一样调用远程服务它内部已经集成了 Ribbon,自带负载均衡能力…...

别再只盯着激光雷达了!聊聊低成本单目摄像头测距在机器人/小车项目里的那些事儿

低成本单目摄像头测距:机器人项目中的实战技巧与避坑指南 在机器人、智能小车和无人机项目中,距离感知一直是核心挑战之一。当大家一窝蜂地追求激光雷达方案时,却忽略了手边最经济实惠的传感器——普通摄像头。单目视觉测距技术,这…...

从航飞到模型:无人机倾斜摄影三维建模实战全解析

1. 无人机倾斜摄影三维建模入门指南 第一次接触无人机倾斜摄影建模时,我被这个技术深深吸引了。简单来说,就是用无人机从多个角度拍摄目标物体或区域,然后通过专业软件把这些照片拼接成三维模型。这就像小时候玩的拼图游戏,只不过…...

告别base环境自动激活:CentOS7安装Miniconda后必做的几项贴心配置

告别base环境自动激活:CentOS7安装Miniconda后必做的几项贴心配置 当你第一次在CentOS7服务器上成功安装Miniconda后,可能会遇到一个令人困扰的默认行为:每次打开新终端会话时,conda都会自动激活base环境。对于需要通过SSH频繁连接…...

Kali Linux实战:用SET工具包5分钟克隆一个钓鱼网站(附谷歌浏览器登录凭证捕获演示)

Kali Linux实战:5分钟构建钓鱼网站与凭证捕获全流程 在网络安全领域,渗透测试工具的应用能力直接决定了安全防护的有效性。Social Engineer Toolkit(SET)作为Kali Linux中的明星工具包,以其高度集成化和易用性著称&am…...

Boss-Key:Windows终极隐私保护工具,一键隐藏窗口的办公神器

Boss-Key:Windows终极隐私保护工具,一键隐藏窗口的办公神器 【免费下载链接】Boss-Key 老板来了?快用Boss-Key老板键一键隐藏静音当前窗口!上班摸鱼必备神器 项目地址: https://gitcode.com/gh_mirrors/bo/Boss-Key 在当今…...