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

uniapp 微信小程序 页面部分截图实现

news 2026/4/5 23:35:54
uniapp 微信小程序 页面部分截图实现

​ 原理都是将页面元素画成canvas 然后将canvas转化为图片，问题是我页面里边本来就有一个canvas，ucharts图画的canvas我无法画出这块。

​ 想了一晚上，既然canvas最后能转化为图片，那我直接把ucharts图当成图片来画，拿到图片最后再组成一个页面，再画成canvas。感觉思路可以，但是清晰度降低。

uni.canvasToTempFilePath

​ 借助这个api将canvas转化为临时图片，遇到问题在父组件里无法通过uni.createSelectorQuery()来找到子组件也就是ucharts组件里的canvas元素，试了好久，在微信社区发现就是拿不到如果在组件里，直接改ucharts组件在这里插入图片描述

在组件里拿到这个地址给父组件。

不要过于依赖第三方组件，该改的时候就得自己改。

拿到就好整了

开始拼凑出自己的页面，采用的是lime-painter插件

https://ext.dcloud.net.cn/plugin?id=2389

在这里插入图片描述

特定的语法绘制出分享出去的页面

保存到本地

在这里插入图片描述

微信小程序图片保存到相册API有时无法保存无法授权的问题解决
打开设置 页面发现根本没有授权选项

https://blog.csdn.net/qq_31042143/article/details/128350018

在这里插入图片描述

在这里插入图片描述

位置接口填写地方，不能填别的api

最终实现方式参考

https://juejin.cn/post/7293804880706617382?login=from_csdn

相关文章：

uniapp 微信小程序 页面部分截图实现

uniapp 微信小程序 页面部分截图实现 ​ 原理都是将页面元素画成canvas 然后将canvas转化为图片，问题是我页面里边本来就有一个canvas，ucharts图画的canvas我无法画出这块。 ​ 想了一晚上，既然canvas最后能转化为图片，那我直接…...

编程日记 2024/12/27 6:58:05

C语言从入门到放弃教程

C语言从入门到放弃 1. 介绍1.1 特点1.2 历史与发展1.3 应用领域 2. 安装2.1 编译器安装2.2 编辑器安装 3. 第一个程序1. 包含头文件2. 主函数定义3. 打印语句4. 返回值 4. 基础语法4.1 注释4.1.1 单行注释4.1.2 多行注释 4.2 关键字4.2.1 C语言标准4.2.2 C89/C90关键字&#xf…...

编程日记 2024/12/27 6:57:04

直流无刷电机驱动原理3-驱动板硬件设计

六步换向原理 检测转子角度，知道什么时候是60度，什么时候应该换向。 逆时针旋转 三相逆变器，mos管，半桥驱动电路。 PWM调制 不对称半桥调制例程使用第（2）种。对上桥臂PWM调制，下桥臂全部导通。这时候由上桥臂的PWM的占空比决定电机的旋转速度。驱动器电路硬件框图--实…...

编程日记 2024/12/27 6:51:59

攻防世界web第三题file_include

<?php highlight_file(__FILE__);include("./check.php");if(isset($_GET[filename])){$filename $_GET[filename];include($filename);} ?>惯例&#xff1a; 代码审查&#xff1a; 1.可以看到include(“./check.php”);猜测是同级目录下有一个check.php文…...

编程日记 2024/12/27 6:49:57

Trivy Operator命令使用说明

你已成功安装了 Trivy Operator&#xff0c;以下是命令的使用说明&#xff1a; 1. 查看 VulnerabilityReports VulnerabilityReports 是 Trivy Operator 生成的漏洞扫描报告&#xff0c;用于检查容器镜像中的漏洞。 kubectl get vulnerabilityreports --all-namespaces -o wi…...

编程日记 2024/12/27 6:46:55

Lazada商品评论API接口：深度解析与应用实践

在电商领域&#xff0c;用户评论是了解产品市场表现和消费者反馈的重要渠道。Lazada作为东南亚领先的电商平台&#xff0c;提供了商品评论API接口&#xff0c;允许第三方开发者获取平台上商品的评论信息。本文将深入解析Lazada商品评论API接口的重要性、开发应用、以及如何通过…...

编程日记 2024/12/27 6:44:53

2024最新鸿蒙开发面试题合集（二）-HarmonyOS NEXT Release（API 12 Release）

上一篇面试题链接&#xff1a;https://mp.csdn.net/mp_blog/creation/editor/144685078 1. 鸿蒙简单介绍和发展历程 HarmonyOS 是新一代的智能终端操作系统&#xff0c;为不同设备的智能化、互联与协同提供了统一的语言。带来简洁&#xff0c;流畅&#xff0c;连续&#xff0…...

编程日记 2024/12/27 6:38:48

macrodroid通过http请求控制手机运行宏

macrodroid adb命令 adb shell pm grant com.arlosoft.macrodroid android.permission.WRITE_SECURE_SETTINGS例:http请求手机播放指定MP3文件 声音素材_电量过低提醒 新建一个宏 添加触发器-连接-http服务器请求 路径随意填,最好不要有特殊符号,不然浏览器识别链接会出错,…...

编程日记 2024/12/27 6:35:46

【Unity3D】Jobs、Burst并行计算裁剪Texture3D物体

版本&#xff1a;Unity2019.4.0f1 PackageManager下载Burst插件(1.2.3版本) 利用如下代码&#xff0c;生成一个Texture3D资源&#xff0c;它只能脚本生成&#xff0c;是一个32*32*32的立方体&#xff0c;导出路径记得改下&#xff0c;不然报错。 using UnityEditor; using Uni…...

编程日记 2024/12/27 6:34:45

Cesium材质——Material

简介&#xff1a; Cesium.Material对象的目的&#xff0c;就是生成一段名称为czm_getMaterial的函数&#xff08;示例代码如下&#xff09;&#xff0c; 这个czm_getMaterial函数&#xff0c;是shader代码&#xff0c;会被放到片元着色器中使用。 czm_material czm_getMater…...

编程日记 2024/12/27 6:32:43

Postman请求报错SSL证书验证问题

1.报错如下 2.解决报错...

编程日记 2024/12/27 6:31:42

终章：DevOps实践总结报告

DevOps实践总结报告 一、概述 1. 报告目的 本报告旨在总结DevOps实践中的关键领域、最佳实践和实施成果&#xff0c;包括需求管理、持续集成/持续部署、测试管理、安全管理和效能度量等方面。 2. 覆盖范围 #mermaid-svg-L0xFFzMbiDH1qhbl {font-family:"trebuchet ms&…...

编程日记 2024/12/27 6:29:40

解锁金融新纪元：内部知识库的深度挖掘与战略价值

在日新月异的金融行业中&#xff0c;信息的快速流通与精准决策成为了企业竞争力的核心。随着大数据、人工智能等技术的不断渗透&#xff0c;金融机构开始意识到&#xff0c;内部知识库的深度挖掘不仅是提升业务效率的关键&#xff0c;更是推动行业创新与转型的重要驱动力。本文…...

编程日记 2024/12/27 6:28:39

【c语言】一维数组与二维数组

数组 数组名代表的是数组在内存中的起始位置&#xff0c;即首元素的地址&#xff0c;而下表表示的则是该元素相对数组起始位置的偏移量 一维数组 1.定义 类型名 数组名[数组长度] int a[100]; //整型数组长度为101&#xff0c;数组名为a char b[100];//字符型数组长度为101&…...

编程日记 2024/12/27 6:26:37

Milvus×EasyAi：如何用java从零搭建人脸识别应用

如何从零搭建一个人脸识别应用&#xff1f;不妨试试原生Java人工智能算法&#xff1a;EasyAi Milvus 的组合拳。 本文将使用到的软件和工具包括&#xff1a; EasyAi&#xff1a;人脸特征向量提取Milvus&#xff1a;向量数据库用于高效存储和检索数据。 01. EasyAi&#xff1a;…...

编程日记 2024/12/27 6:25:36

Dockerfile 实战指南：解锁高效容器化开发

一、Dockerfile 简介 Dockerfile 是构建镜像的文本文件&#xff0c;通过一系列指令描述镜像构建过程&#xff0c;构建操作由 Docker daemon 进行&#xff0c;它会先验证语法&#xff0c;然后逐一运行指令&#xff0c;每次生成一个新的镜像层&#xff0c;直到构建出最终的镜像。…...

编程日记 2024/12/27 6:24:35

【每日学点鸿蒙知识】混淆配置、主线程处理大量数据、客户端拖拽效果、三方网站加载样式、List警告问题

1、HarmonyOS API升级之后缺少混淆配置文件&#xff1f; 可参考以下文档&#xff1a; 混淆配置&#xff1a;https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-build-obfuscation-V5 混淆规则&#xff1a;https://gitee.com/openharmony/arkcompiler_ets…...

编程日记 2024/12/27 6:23:34

ChatGPT-4助力学术论文提升文章逻辑、优化句式与扩充内容等应用技巧解析。附提示词案例

目录 1.扩写&#xff08;expansion/paraphrasing&#xff09; 2.优化&#xff08;optimization&#xff09; 3.缩写&#xff08;optimization&#xff09; 4.提取关键词&#xff08;keyword extraction&#xff09; 5.短语转换&#xff08;phrase transformation&#xff…...

编程日记 2024/12/27 6:22:33

Android TextView 添加图标并实现换行

图文混排。 binding.apply {val spannable = SpannableString(" " + "Kotlin 是 Android 官方推荐的编程语言。")val drawable: Drawable = ContextCompat.getDrawable(this@DemoMainXmlActivity,R.mipmap.ic_title_d)!!drawable.setBounds(0, 0, drawabl…...

编程日记 2024/12/27 6:21:32

matplotlib pyton 如何画柱状图，利用kimi，直接把图拉倒上面，让他生成

要绘制类似于您提供的图像的柱状图&#xff0c;您可以使用Python中的Matplotlib库&#xff0c;这是一个非常流行的绘图库。以下是一个简单的示例代码&#xff0c;展示如何使用Matplotlib来创建一个类似的柱状图&#xff1a; python import matplotlib.pyplot as plt import nu…...

编程日记 2024/12/27 6:19:30

PX4开发实战：uORB通信机制详解与代码实操（附避坑指南）

PX4开发实战&#xff1a;uORB通信机制详解与代码实操&#xff08;附避坑指南&#xff09; 在PX4飞控开发中&#xff0c;uORB&#xff08;Micro Object Request Broker&#xff09;作为核心通信机制&#xff0c;承担着模块间数据交换的重要职责。不同于传统嵌入式系统中的全局变…...

编程新知 2026/4/5 20:18:18

python codecs

# 聊聊Python里的codecs模块 平时写Python处理文本文件&#xff0c;最常打交道的可能就是open()函数了。但不知道你有没有遇到过这种情况&#xff1a;打开一个文件&#xff0c;明明看着是中文&#xff0c;读出来却是一堆乱码。或者从某个老系统导出的数据&#xff0c;用普通方式…...

编程新知 2026/4/5 19:53:34

Ryujinx模拟器终极指南：在PC上免费畅玩Switch游戏

Ryujinx模拟器终极指南&#xff1a;在PC上免费畅玩Switch游戏 【免费下载链接】Ryujinx 用 C# 编写的实验性 Nintendo Switch 模拟器 项目地址: https://gitcode.com/GitHub_Trending/ry/Ryujinx 想在电脑上体验《塞尔达传说&#xff1a;旷野之息》的震撼画面吗&#xf…...

编程新知 2026/4/5 19:21:03

猫抓cat-catch智能文件命名指南：从混乱到有序的资源管理方案

猫抓cat-catch智能文件命名指南&#xff1a;从混乱到有序的资源管理方案 【免费下载链接】cat-catch 猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension 项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch 一、命名痛点分析&#xf…...

编程新知 2026/4/5 15:07:33

重构视频创作流程：Auto-Video-Generator智能自动化解决方案

重构视频创作流程&#xff1a;Auto-Video-Generator智能自动化解决方案 【免费下载链接】auto-video-generateor 自动视频生成器&#xff0c;给定主题&#xff0c;自动生成解说视频。用户输入主题文字&#xff0c;系统调用大语言模型生成故事或解说的文字&#xff0c;然后进一步…...

编程新知 2026/4/5 14:55:22

保姆级教程：用Kali Linux和Gobuster搞定VulnHub靶场DriftingBlues:1的域名解析与子域名挖掘

从零攻克VulnHub靶场&#xff1a;DNS解析与子域名爆破实战指南 当你第一次接触VulnHub靶场时&#xff0c;是否遇到过明明靶机IP能ping通&#xff0c;却无法通过域名访问的困扰&#xff1f;这背后隐藏着网络安全中最基础却至关重要的知识点——DNS解析机制。本文将带你深入理解这…...

编程新知 2026/4/5 13:46:38

PlugY插件：暗黑破坏神2单机模式的终极增强指南

PlugY插件&#xff1a;暗黑破坏神2单机模式的终极增强指南 【免费下载链接】PlugY PlugY, The Survival Kit - Plug-in for Diablo II Lord of Destruction 项目地址: https://gitcode.com/gh_mirrors/pl/PlugY 还在为暗黑破坏神2单机模式的种种限制而烦恼吗&#xff1f…...

编程新知 2026/4/5 13:13:42

实战应用：基于快马ai快速开发集成多款iic传感器的物联网环境监测站

今天想和大家分享一个物联网环境监测站的实战项目开发经验。这个项目用到了ESP32开发板和几种常见的I2C传感器&#xff0c;通过快马平台快速实现了从硬件连接到数据上传的全流程开发。 项目背景与硬件选型 这个环境监测站的核心是ESP32开发板&#xff0c;它内置WiFi功能&…...

编程新知 2026/4/5 12:46:59

macOS下OpenClaw深度配置：Qwen3.5-9B模型参数调优指南

macOS下OpenClaw深度配置&#xff1a;Qwen3.5-9B模型参数调优指南 1. 为什么需要深度调优Qwen3.5-9B模型参数 去年冬天&#xff0c;当我第一次用OpenClaw对接Qwen3.5-9B模型处理图片分析任务时&#xff0c;遇到了两个典型问题&#xff1a;模型生成的图片描述总是过于抽象&…...

编程新知 2026/4/5 12:04:19

终极窗口调整指南：如何用WindowResizer突破Windows尺寸限制

终极窗口调整指南&#xff1a;如何用WindowResizer突破Windows尺寸限制 【免费下载链接】WindowResizer 一个可以强制调整应用程序窗口大小的工具 项目地址: https://gitcode.com/gh_mirrors/wi/WindowResizer 你是否经常遇到无法调整大小的Windows应用程序窗口&#xf…...

编程新知 2026/4/5 10:47:25