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.pswp.cn/web/63909.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/63909.shtml
英文地址,請注明出處:http://en.pswp.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; 輸…