canvas

1/54ページ

『教程』微信小遊戲開發(教程 Demo 跳坑)canvas

社群裡有一群canvas愛好者,比jsh5css,安靜的小智,jeffer等同學他們在canvas方面都有著自己的學習心得和見解。但是極樂叔發現在小程式開發學習過程中還是有很多小夥伴折戟在canvas上,為此我們在社群首頁教程內專門開了一個canvas學習欄目,但是覺得仍然不夠,canvas在全網的 […]

Canvas DrawImage擷取和壓縮圖片的陷阱

html5的canvas十分之強大,可以做到快速的擷取壓縮出新的圖片! 不過最近開發過程中遇到一個問題,圖片壓縮後使用toDataURL取得圖片顯示為一片漆黑,什麼都沒有! 折騰了很久,起初以為是上傳問題,base64可能太長被截斷了,後來有考慮是不是手機webview不支援canvas,總之最後百 […]

HTML5 Canvas實現360度全景圖

很多購物網站現在都支援360實物全景影象,可以360度任意選擇檢視樣品,這樣 對購買者來說是一個很好的消費體驗,網上有很多這樣的外掛都是基於JQuery實現的 有收費的也有免費的,其實很好用的一個叫3deye.js的外掛。該外掛支援桌面與移動終 端iOS與Android, 它的demo程式:http […]

HTML5 Canvas動態繪製心型線和玫瑰線

1HTML5的Canvas元素提供了豐富的繪圖功能,能夠使我們製作出許多精美的動畫。本次將運用canvas繪製心型線和玫瑰線。 1.心型線和玫瑰線 繪製這兩種曲線,首先我們分別選用兩個引數方程(心型線和玫瑰線的引數方程不同,其形態特徵也不一樣,你可以根據你的需要選擇合適的引數方程) 桃心型線的引數方 […]

Android 自定義View之仿華為圓形載入進度條

效果圖 實現思路 可以看出該View可分為三個部分來實現 最外圍的圓,該部分需要區分進度圓和底部的刻度圓,進度部分的刻度需要和底色刻度區分開來 中間顯示的文字進度,需要讓文字在View中居中顯示 旋轉的小圓點,小圓點需要模擬小球下落運動時的加速度效果,開始下落的時候慢,到最底部時最快,上來時速度再逐 […]