简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO)
首頁 > 微信小程式 > 小程式開發 > 主體

小程式畫布canvas隱藏的問題解決

hzc
發布： 2020-07-01 09:54:53
轉載
4561 人瀏覽過

相信有很多時候,大家都會遇到要利用canvas畫布生成圖片的時候.
當然我也遇到了, 在專案中wxml頁面中生成的canvas之後,我發現怎麼樣給canvas標籤加css都無法讓canvas不影響頁面,

  
    // 无论是opacity  还是  z-index 都无法解决,多多少少会影响
   
登入後複製

幾番琢磨,想出以下解決方案: 在canvas外層加父標籤,再控制父標籤的顯示

 //让父标签 0宽 0高 隐藏溢出
    
    
登入後複製

如果上述不行請看下面這個:

  
// 直接让canvas 飞到天际,  简单粗暴;   使用时注意 position的问题; 如果 fixed不行, 换其他定位试试
    
登入後複製

ok  ..  加油寫程式碼吧...

推薦教學：《 微信小程式》

以上是小程式畫布canvas隱藏的問題解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
小程式
來源：jianshu.com
上一篇：小程式頁頁間傳遞資料的方式 下一篇：小程式中解決程式碼同步執行的問題
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
Vue專案中未定義模組 我剛剛通過運行npmini tvue@latest創建了一個新的Vue應用程序，如官方文件中指定的那樣。然後我嘗試按照Vue和Vite網站上的指南將Tailwind添加到我的應用程...
來自於 2023-11-17 12:38:53
0
2
394
如何解決問題：'無法載入資源：net::ERR_CONNECTION_REFUSED http://localhost:8989/route?.....” 我的程式有問題。這是一個關於地理資訊系統的程序，使用了LeatlefJs函式庫，我還使用了letlef路由機功能。問題是系統無法顯示它應該能夠顯示的路線，我不太明白。這是腳本。 f...
來自於 2023-11-12 19:34:27
0
1
244
NextJS 中應用程式路由器中pages/_app.js 的替代方案是什麼？ 我剛開始使用NextJS，有一個名為應用程式路由器的新路由器。現在我有一些使用NextJS頁面路由器中的pages/_app.js的教學。那麼，應用路由器中對應的檔案是什麼？
來自於 2023-11-11 09:38:14
0
1
395
在 PHP 中利用 VueJS 元件 我想混合由Php和VueJS元件產生的基本HTML，而不必一直使用VueJS到最低的dom葉子。父佈局應用了Vue應用程序，所有標頭、導航、旁注等都是Vue元件，大多數頁面上的主要...
來自於 2023-11-11 00:01:44
0
2
288
為什麼當流參數設定為false時，OpenAI Chat GPT (GPT-3.5) API沒有回應？ 您可以在下面的我的應用程式中看到$prompt值。當我輸入此提示值時，chat GPT不會給出結果。但這是因為參數中的"stream"=>false。如果...
來自於 2023-11-10 18:39:06
0
1
338
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！