最後一篇 Canvas 系列的文章 🎉 來聊聊瀏覽器針對 Canvas 的安全設計。 在實作 Canvas 時,常會載入外部圖片當素材(圖庫、S3、CDN)。顯...
Day 2–6 我們一路用原生 Canvas 打底。老實說,要畫一個「會動、能拖、還要可重新編輯」的小工具,用原生真的很硬:🥵 你要自己存一份「場景資料」:有...
🧐 上一篇我們談到 為什麼在某些情境下必須用 Canvas(像是大量即時繪製、逐像素操作、高自由度變形等)。但光是換成 Canvas 還不夠,如果使用方式不對,...
在我從事 ERP / HRM / BPM 套裝軟體的實務開發經驗中,雖然會提供 API 文件給第三方參考,但實際上大多數人更傾向使用更簡單的錄製方式。這種方...
🧐 當你想在網頁上做動畫、畫圖表、或遊戲時,第一個問題常是:要用 DOM + CSS?還是直接上 Canvas? DOM+CSS 在 UI 介面與靜態排版上有絕...
😀 進入 Canvas 進階!本篇不再只是「畫出東西」,而是學會操作畫布狀態與圖形之間的關係。你將會:用座標變換把圖像轉場、用混色疊出設計感、用像素級處理做特效...
昨天介紹了 Canvas 的誕生與崛起,瞭解了 Canvas 的重要性後,終於要開始實作了! 正文開始前先簡介,Canvas API 是 HTML5 Web A...
Canvas API 是 HTML5 Web API 中的重要功能,為開發者提供了強大的 2D 繪圖工具,能用於動畫、互動遊戲、數據可視化(像是前端熟悉的 EC...
大家好,我是 Alice Yen(丸子),一名前端工程師。 我希望自己成為能清晰表達、在技術場合侃侃而談的工程師。參加鐵人賽正是一個磨練的機會,透過連續書寫的節...
什麼是美顏 API? 隨著TikTok等平台的興起,越來越多的獨立開發者做直播平台和視頻平台,美顏 API 的需求也越來越高。 所謂的美顏濾鏡API是一種應用程...
目標 我們在Day 23 學習到了後端框架的選擇以及簡單的CRUD[Day23] Python專案 - 網頁開發 - (2) 高速的服務提供者Fast API...
圖片來源:Facebook但鐵人賽沒有在跟你continue啦!!! 歷經卅晝夜之紀錄,本元素不可思議事件簿終於此告一段落。 謝同行旅伴一夥Jeremy、...
似是腦中火爆之詞。 圖片來源:梗圖倉庫本集沒有任何動物腦袋爆炸。 本篇紀錄之不可思議事件為fullscreenchange與fullscreenerror事...
圖片來源:Threads可能會交換靈魂也說不...呀哈。 本篇紀錄不可思議事件:copy事件。 事件其卅一:copy 此事件發生於人類複刻元素之內容之時,...
甲蛙樹歸也。 圖片來源:動畫瘋你怎麼會覺得標題跟這篇內容有關?但甲賀忍蛙真的很帥!!! 續前篇紀錄之change事件與input事件,本篇紀錄一示例分別以c...
圖片來源:自然主意。酷覓星擅於傾聽算是一種輸入嗎? 前篇閱畢仍有疑惑,是否有更合適之事件可觀測輸入有關之元素之變化?故本篇紀錄其他與輸入有關之不可思議事件...
圖片來源:派星機好久不見派星機(沒有好久 前篇閱畢或有疑惑,若輸入之符文不需啟動IME,如輸入英文、數字、符號等,此時何解?故本篇紀錄其他與輸入有關之不可...
即可阻斷噴嚏之行為。若要維繫感情,切勿輕易嘗試。 圖片來源:sohu可惡,被斷招了。 本篇紀錄與前篇相關之不可思議事件:transitioncancel事件...
記錄簿標題愈顯無理,然標題者,篇章之最難也。 圖片來源:派星機♫如果沒梗圖就使用派星機♫ 本篇紀錄與前篇相關之不可思議事件:transitionend事件。...
老八:不如趕快吃掉。 圖片來源:巴哈姆特動畫瘋官方統計《敗北女角太多了》八奈見杏菜動畫10集總共吃了「72416卡路里」。 本篇紀錄之不可思議事件為tran...
圖片來源:梗圖倉庫已購買,老八愛吃。 本篇藉前篇之小桃元素產生之問題,紀錄有發泡現象之focusin與focusout事件之事件委任應用。 不可思議事件委...
圖片來源:大概也是Threads比瘋子更瘋就是成為瘋子。 本篇紀錄與前篇介紹之focus與blur事件相似之不可思議事件:focusin與focusout...
此友非友,可棄之也。 圖片來源:Threads回收要記得分類,垃圾要記得丟喔! 鼠輩之不可思議事件已大致於前篇介紹完畢。可喜可賀。本篇紀錄之不可思議事件為f...
圖片來源:YouTube就像小垃圾永遠不嫌多。 本篇紀錄與前篇之scroll事件相關之不可思議事件scrollend。 事件其十六:scrollend 此...
歌詞竟是好運旺來一起來,竟非大家,著實惶恐。 圖片來源:派星機我也需要。這期發票又沒中。 本篇紀錄與前篇之wheel事件類似之不可思議事件scroll。 事...
圖片來源:梗圖倉庫字是我上的,哈姆派郎。 本篇續紀錄鼠輩之不可思議事件:wheel。 事件其十四:wheel 此事件於鼠輩中央頭頂處之鼠輪滾動時發生,或其...
當一鼠屁為極品,多鼠屁則可稱之為天堂。 圖片來源:我雖然沒有很多倉鼠屁屁,倒是可以多摸幾下。 本篇將續紀錄鼠輩事件之buttons屬性。 鼠輩事件之butt...
若將兩者錯放,極尷尬也。 圖片來源:我每個倉鼠屁屁都是極品。 本篇將紀錄前篇提及之鼠輩事件button屬性。 鼠輩事件之button屬性 與點按鼠輩及放開鼠...
本篇之克里克絕非克里克,但欲找華生,誠請參閱隔壁麻瓜的程式翻譯書之華生。 圖片來源:我沒什麼就只是想讓你看看我的鼠 本篇續紀錄鼠輩之不可思議事件:click...
刻印符文之鍵石,人類藉此提升表達情感精準之能力,然仍有部份人類竟無法分辨在再之差,實無可救藥也。 圖片來源:魯蛋精華還有人懂大中天梗嗎 本篇原定續介紹鼠輩之...