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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/63909.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Flutter 基础知识总结

1、Flutter 介绍与环境安装 为什么选择 Dart: 基于 JIT 快速开发周期:Flutter 在开发阶段采用 JIT 模式,避免每次改动都进行编译,极大的节省了开发时间基于 AOT 发布包:Flutter 在发布时可以通过 AOT 生成高效的 ARM…

Jenkins 持续集成部署

Jenkins的安装与部署 前言 当我们在实施一个项目时,从新代码中获得反馈的速度越快,问题越早得到解决,获得反馈的一种常见方法是在新代码之后运行测试,但这就导致了当代码正在编译并且正在运行测试时,开发人员无法在测…

跨站请求伪造之基本介绍

一.基本概念 1.定义 跨站请求伪造(Cross - Site Request Forgery,缩写为 CSRF)漏洞是一种网络安全漏洞。它是指攻击者通过诱导用户访问一个恶意网站,利用用户在被信任网站(如银行网站、社交网站等)的登录状…

Pytorch | 利用BIM/I-FGSM针对CIFAR10上的ResNet分类器进行对抗攻击

Pytorch | 利用BIM/I-FGSM针对CIFAR10上的ResNet分类器进行对抗攻击 CIFAR数据集BIM介绍基本原理算法流程 BIM代码实现BIM算法实现攻击效果 代码汇总bim.pytrain.pyadvtest.py 之前已经针对CIFAR10训练了多种分类器: Pytorch | 从零构建AlexNet对CIFAR10进行分类 Py…

如何更好的进行时间管理

先想一下我们想要做的事情,然后拿出Excel表格将这些事情记录下来,我们把它叫做任务对这些任务按照重要性,紧急程度进行排序,拿出表格中的前六个任务,就是今天要做的任务新建另一张excel表格,表格的一列为时…

OpenGL —— 2.6.1、绘制一个正方体并贴图渲染颜色(附源码,glfw+glad)

源码效果 C++源码 纹理图片 需下载stb_image.h这个解码图片的库,该库只有一个头文件。 具体代码: vertexShader.glsl #version

ubuntu开机进入initramfs状态

虚拟机卡死成功起后进入了initramfs状态,可能是跟文件系统有问题或者检索不到根文件系统,或者是配置错误,系统磁盘等硬件问题导致 开机后进入如下图的界面, 文中有一条提示 要手动fsck 命令修复 /dev/sda1 命令如下 fsck /de…

java根据Word模板实现动态填充导出

最近项目中需要导出Word&#xff0c;根据不同的信息导出不同的内容&#xff0c;包含文本、列表、图片等&#xff0c;本文使用poi-tl实现在次做以记录。 添加依赖 <!-- word导出 --> <dependency><groupId>com.deepoove</groupId><artifactId>po…

mindie推理大语言模型问题及解决方法汇总

问题说明 使用功能mindie 1.0 RC2推理大语言模型&#xff0c;遇到不少问题&#xff0c;记录下解决思路。 我的硬件是910B4。 问题及解决 问题1 在docker内启动mindie时终端报错 Fatal Python error: PyThreadState_Get: the function must be called with the GIL held, …

Selenium 全面指南

Selenium 是一个强大的 Web 自动化工具&#xff0c;支持多种浏览器和语言绑定。 1. Selenium 的基本概念 WebDriver&#xff1a;Selenium 提供的核心接口&#xff0c;用于控制浏览器操作。显式等待&#xff1a;等待特定条件满足后再执行操作。隐式等待&#xff1a;全局设置一个…

Go框架比较:goframe、beego、iris和gin

由于工作需要&#xff0c;这些年来也接触了不少的开发框架&#xff0c;Golang的开发框架比较多&#xff0c;不过基本都是Web"框架"为主。这里稍微打了个引号&#xff0c;因为大部分"框架"从设计和功能定位上来讲&#xff0c;充其量都只能算是一个组件&…

【华为OD-E卷-木板 100分(python、java、c++、js、c)】

【华为OD-E卷-木板 100分&#xff08;python、java、c、js、c&#xff09;】 题目 小明有 n 块木板&#xff0c;第 i ( 1 ≤ i ≤ n ) 块木板长度为 ai。 小明买了一块长度为 m 的木料&#xff0c;这块木料可以切割成任意块&#xff0c;拼接到已有的木板上&#xff0c;用来加…

sqlserver临时表来做表联查复杂查询

使用临时表&#xff0c;先查询出结果&#xff0c;在用于后面表的子查询或者联查 -- 删除表1if EXISTS ( SELECT 1 FROM tempdb.sys.objects where name like #temp_PublishRecord% ) beginDROP TABLE #temp_PublishRecordprint 已删除临时表 #temp_PublishRecordend--创…

OMG DDS 规范漫谈:分布式数据交互的演进之路

一、由来与起源脉络 OMG DDS&#xff08;Object Management Group Data Distribution Service&#xff09;的发展是计算机科学和技术进步的一个缩影&#xff0c;它反映了对高效、可靠的数据共享需求的响应。DDS 的概念萌生于20世纪90年代末&#xff0c;当时分布式计算已经从理…

1.使用 Couchbase 数仓和 Temporal(一个分布式任务调度和编排框架)实现每 5 分钟的增量任务

在使用 Couchbase 数仓和 Temporal&#xff08;一个分布式任务调度和编排框架&#xff09;实现每 5 分钟的增量任务时&#xff0c;可以按照以下步骤实现&#xff0c;同时需要注意关键点。 实现方案 1. 数据层设计&#xff08;Couchbase 增量存储与标记&#xff09; 在 Couchb…

Spring源码分析之AOP-@EnableAspectJAutoProxy

前言 这篇文章之前我们说了Springboot的启动流程,Bean对象怎么实现从无到有的一个过程还有一些接口的拓展的实现等等那么从这一篇文章开始的话我们就会开始说一说我们的常用的AOP它的底层实现原理所以大家一起加油加油&#xff01;&#xff01;&#xff01; AOP: 1.简介: AOP的…

Linux(Centos 7.6)基本信息查看

1.服务器硬件信息查看 1.1.服务器厂商、产品名称查看 dmidecode -s system-manufacturer&#xff1a;查看服务器厂商信息 dmidecode -s system-product-name&#xff1a;查看服务器产品名称信息 1.Windows使用VMware安装的Linux(Centos 7.6)后&#xff0c;服务器厂商、产品名…

多个图片转换为PDF文件

将多个图片转换为PDF文件在Python中可以通过多个库来实现&#xff0c;其中最常用的库之一是Pillow&#xff08;用于图像处理&#xff09;和reportlab&#xff08;用于生成PDF&#xff09;。不过&#xff0c;对于直接图片转PDF的操作&#xff0c;更推荐使用Pillow配合PyMuPDF&am…

小程序app封装公用顶部筛选区uv-drop-down

参考ui:DropDown 下拉筛选 | 我的资料管理-uv-ui 是全面兼容vue32、nvue、app、h5、小程序等多端的uni-app生态框架 样式示例&#xff1a; 封装公用文件代码 dropDownTemplete <template><!-- 顶部下拉筛选区封装公用组件 --><view><uv-drop-down ref&…

LeetCode:101. 对称二叉树

跟着carl学算法&#xff0c;本系列博客仅做个人记录&#xff0c;建议大家都去看carl本人的博客&#xff0c;写的真的很好的&#xff01; 代码随想录 LeetCode&#xff1a;101. 对称二叉树 给你一个二叉树的根节点 root &#xff0c; 检查它是否轴对称。 示例 1&#xff1a; 输…