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