Color Thief 找出圖片裡的顏色

Color Thief 找出圖片裡的顏色

這篇文章教你如何使用 Color Thief 這個 JavaScript 庫來從圖片中提取顏色。內容包括 Color Thief 的基本使用、如何引用 JS、使用 getColor 和 getPalette 函數來取得圖片的主要色碼和調色盤,以及進階使用技巧,例如如何將色碼由亮到暗排序,如何取得使用者選擇的圖檔,和如何將 RGB 色碼轉換為 Hex 色碼。文章最後還提供了原始碼和 Demo 供讀者參考。

0
Markdown常用語法筆記

Markdown 常用語法筆記

本篇大綱:愈來愈常用到 Markdown了、Markdown 編輯器 Typora、標題、內文、文字斜體、粗體、清單、引言、超連結、圖片、圖片加上連結、寫程式碼、行內程式碼。本篇主要是筆記 Augustus 用 Markdown 寫文時,最常用到的幾個。

0
一個簡單的卡片樣式 simple card ui

一個簡單的卡片樣式 Simple Card UI

從Google Material Design問世以後,愈來愈多網站設計出了卡片的ui。卡片樣式大同小異,大部份包含:頭(大圖)、身體(內文)、尾巴(連結)。今天設計了一個簡單造形的卡片,歡迎大家取用。以下講一下設計上的思考,跟一些最近常用的方法。

0
medium 漸進式圖片

像 Medium 的漸近式圖片加載

本篇大綱:圖片延遲載入的3種方式、Medium漸進式載入的3個步驟、Medium漸進式載入,實作程式碼部份、實測頁面讀取時間。實際把頁面用pindom去測試後,頁面讀取時間真的加快了。下面這張是一般直接讀取圖片的數據,4.57秒,下面這張是用了延遲載入後的數據,降到2.02秒。

2