網路資源
Cobe：輕量又漂亮的 3D 地球儀套件，替網站快速加入互動式 Globe 視覺
Cobe 是一個超輕量的 WebGL 地球儀函式庫，主打 5KB 體積與零相依，讓開發者能快速在網站加入 3D globe 視覺效果。本文介紹 Cobe 的核心功能、使用方式與應用場景，帶你快速打造高質感的全球視覺介面。
網路資源
教學與資訊
Google 分享的 2025 年 40 個 AI 工具的實用技巧
這是 Google 分享的這一年來他們釋出的值得分享的 AI 工具使用上的技巧提示，可以就這份文章去了解該怎麼好好使用這些工具，相信其中還是有許多工具是你沒用過的，本篇為大家整理及翻譯內容。
網路資源
TradingView Lightweight Charts：超輕量、強大且免費的金融圖表函式庫
TradingView 輕量級圖表（Lightweight Charts）是一款免費開源的金融圖表庫，僅 45KB，支援即時資料更新、高效能渲染與高度自訂化。適用於股票、外匯、加密貨幣等視覺化分析，適合交易平台與教育用途，提供流暢互動體驗。
教學與資訊
ChatGPT 推出 Canvas，用以協助提升寫作與程式開發體驗
OpenAI 推出的 Canvas 介面為 ChatGPT 提供全新協作方式，提升寫作與程式撰寫體驗。基於 GPT-4o 模型，Canvas 支援即時編輯與代碼審核，適合需要多次修改的專案。Canvas 將逐步開放給 Plus、Team 和企業用戶。
網路資源
starback.js- 利用 js 製作漂亮的星空、流星背景
如果有想要在網站放上星星背景或流星效果，可以考慮使用 starback.js 這個套件。
網路資源
HTML5 Canvas Cheat Sheet- HTML5 Canvas 的簡單 Cheat Sheet
HTML5 Canvas Cheat Sheet 是一個收錄了比較簡單且常用的 HTML5 Canvas API 的網站。
網路資源
Apache ECharts：強大的開源資料視覺化圖表函式庫
Apache ECharts 是一款功能強大的開源 JavaScript 圖表函式庫，提供豐富的圖表類型、強大的渲染效能和靈活的自訂功能，適用於多種資料視覺化場景，並支援無障礙體驗，確保所有使用者都能輕鬆獲取資訊。
教學與資訊
[fabric.js] 透過 drag and drop API 將圖片拖曳至 fabric.js 的 canvas 後編輯
使用 drag and drop API 將圖片拖曳到 fabric.js 的方法。
教學與資訊
透過 fabric.js 建置圖片編輯的 canvas
之前提到可以使用 fabric.js 來製作一些有趣的互動效果，這邊就來說一下該如何設置以及基本使用。
教學與資訊
製作隨網頁容器大小改變的 canvas 區塊
如果在網頁上有用到 canvas，又希望這個區塊可以隨著頁面大小做 RWD 變化的換，可以搭配使用 CSS 的 object-fit 屬性。
網路資源
使用 html2canvas 簡單且快速的將網頁轉為 canvas 後並透過 canvas2image 下載圖片
如果想要製作將網頁其中一個區塊截圖並儲存圖片的功能，可以參考使用這兩個 plugin，都很簡單使用。
教學與資訊
使用 Vue.js 透過 Canvas 製作浮水印效果
說明使用 vue.js 搭配 canvas 製作浮水印的方法。
教學與資訊
在 Vue.js 裡面繪製 canavs
說明在 vue.js 內使用 canvas 繪製的初步做法。
網路資源
fabric.js- 強大且方便使用的 javacript canvas 函式庫
fabric.js 是一個很方便且好用的 javascript canvas 函式庫，透過簡單的設定就可以用來做有趣的互動效果，諸如拖曳、旋轉和變形等等。
網路資源
Konva.js- 威力強大的 canvas 繪圖函式庫
Konva.js 是一個威力強大的 canvas 繪圖函式庫，主要功能是讓你創建 Canvas 上的繪圖版、圖層、拖拉工具等。
網路資源
p5.js：簡單創造互動視覺藝術的程式工具
p5.js 是一款開源 JavaScript 函式庫，讓藝術家和新手輕鬆創作互動視覺藝術，並支援動畫、音效及跨平台展示。
網路資源
W3Schools- 非常老牌且豐富的網頁教學網站
W3School 是一個非常老牌的網頁技術教學網站，在這邊可以學到各種網頁技術，舉凡 HTML、CSS、javascript、PHP、Python...等非常豐富，網站內也有語法教學與線上測試工具。
教學與資訊
用 javascript 把 video 變成圖片
如果要把頁面給印出來，可能會遇到 video 沒辦法看的情況，這邊我使用 js 先把 video 轉成圖片後，應該就可以避免這個情況。