用 React、TypeScript、DOM 與 CSS,從零打造可實際操作的網頁簡報編輯器。30 天將逐步拆解文件模型、畫布座標、文字與圖片操作、中文輸入法、復原重做、IndexedDB 本機保存、專案備份、播放模式與 PDF 輸出。每篇都會記錄設計選擇、實作過程、限制,以及可重現的測試或操作證據。
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag v0.1.0 版本說明:本文記錄第一版的單一右下角控制點;後續旋轉、翻轉與裁...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag v0.1.0 版本說明:本文記錄第一版的單選屬性面板;後續多選功能會把相同的...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag v0.4.0 版本說明:本文採用進階編排功能與位置鎖定都已具備的穩定版本。...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag v0.4.0 版本說明:本文記錄第一版的扁平群組模型,不建立額外的群組容器物...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag v0.4.0 版本說明:本文描述第一版以未旋轉矩形外框計算的吸附規則。 自...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag v0.4.0 版本說明:本文把第一版的對齊、分布與空白投影片快速版型放在同一...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag v0.4.0 版本說明:本文記錄第一版的編輯器內剪貼簿;它可跨投影片使用,但...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag v0.4.0 版本說明:本文使用物件陣列順序做為第一版的持久圖層資料,不為每...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag v0.4.0 版本說明:本文記錄矩形、橢圓、線段與箭頭共用資料模型與渲染元件...
系列:一張投影片背後的工程:從零打造網頁簡報編輯器 對應程式版本:Git tag v0.4.0 版本說明:本文記錄圖片 frame、圖片資產與裁切設定彼此分離...