技術 ?? - 目前初步做好的prototype

參考： tmp9 後面花了不少時間把這份簡報需要的動畫特效做出來，雖然不是全部，但是大致上能看了。 因為用了IE沒支援的Canvas 2D Context AP...

技術 ?? - 處理Office的內建圖型

既然還能發文... ECMA-376定義Office內建圖型的方法 在規格書的zip檔中，可以找到presetShapeDefinitions.xml這個檔案（...

技術 ?? - 繪製Office內建的圖型

Office使用的內建圖型定義在ECMA-376的presetShapeDefinitions.xml這份文件中。（下載規格書Part1的zip檔解開後，會看O...

技術 ?? - 目前的簡單成果

參考：example012.html 資料的複雜性 結果奮鬥最久的還是處理pptx的資料XD 來反省一下...先看一下簡報的架構（排除了一些跟播放沒直接關係的設...

技術 22 - 用剖析出的資料試畫母片

大致上剖析出母片資料，除了寫測試之外，還是先試試看可不可以正常畫出來XD 目前產出的母片資料 先看看目前產出的母片資料長怎樣： "backgrou...

技術 19 - 畫出標準投影片

之前只顧著做各種文字方塊、動畫效果及轉場效果，反而沒有嘗試畫出一個標準投影片，也就是標題加上文字列表，雖然投影片資料剖析的部份還沒做好，不過還是用預計會產生的資...

技術 16 - 文字呈現的細節

弄pptx的剖析有點膩了，今天先來看文字的呈現以及怎麼利用Canvas 2D Context來實作。 文字主體(p:txBody)、段落(a:p)與文字展現(a...

技術 11 - 試做轉場特效

之前的畫面繪製，都只有一個投影片，所以使用的資料都只有一個投影片。轉場特效通常會套用在投影片之間，這裡的試做就需要多張投影片，所以就需要調整一下了。 調整程式，...

技術 09 - 動畫改進

之前做的動畫效果很簡單，只有右移跟下移的直線動作。另一個基本的動畫是依照弧線來移動，就試著把它實作出來。 jQuery的動畫效果，預設會有加減速，而在Power...

技術 07 - 動畫的基礎

在Canvas做動畫不難，其實只是重複兩個動作： 清掉舊畫面 繪製出目前的畫面 很久以前，在HTML中做動畫，大概都是透過setTimeout()或setI...

技術 05 - 單位的換算

Office OpenXML裡面使用的「單位」，目前看到的有幾個：長度、指定百分比、指定字型大小等，就用03的例子來實驗改進一下 長度 ECMA-376使用一種...

技術 03 - Canvas 2D Context繪圖的基礎：圖片、圖形與文字繪製

今天休息一下，簡單溫習一下Canvas 2D Context的基本繪圖功能。 取得Context 透過Canvas元素的getContext()方法，就可以取得...

技術 MIS2000Lab.的「HTML5 認證考試，從零開始」#26-- 先進圖形 / Canvas API

=============================================== 本系列文章已經集結出書 HTML5、CSS、JavaScript...