9月 7 2015

Web►Front-End

[Front-End] toDataURL及crossOrigin

前言

使用toDataURL()卻發現失敗，原來是因為跨網域的關係。

9月 1 2015

Web►Front-End

[Front-End] 自動調整Textarea邊界

前言

延續上次的文章，取得文字高度和寬度後就可以動態調整邊界。

8月 27 2015

Web►Front-End

[Front-End] Cavnas取得文字高度

前言

最近在利用Canvas製作類似修圖的App，在fillText的部分一直抓不到座標，最後才發現原來座標的基準點是文字的左下角而不是左上角，因此將文字的高度補回來就可以得到左上角的座標，但問題是要如何取得高度呢？

8月 10 2015

Web►Front-End

[Front-End] 使用x-gif操控gif

前言

x-gif可以使用<x-gif>的標籤來顯示gif檔，透過這個標籤可以動態的調整gif。

7月 27 2015

Web►Front-End

[Front-End] Drag And Drop隨意拖曳

前言

HTML5提供了Drag And Drop可以拖曳物件，研究了一下如何在區塊內隨意拖曳。

7月 26 2015

Web►Overall

[Web] 圖片處理

前言

圖片可以經由Base64編碼在網路間傳遞，再存成檔案。

7月 13 2015

Web►Front-End

[Front-End] 利用getUserMedia拍照

前言

現在HTML5可以直接使用getUserMedia開啟裝置的相機。

7月 12 2015

Web►Front-End

[Front-End] Canvas的Image未載入

前言

同樣在畫布上繪圖的程式碼，在不同瀏覽器卻有的可以執行有的卻不行。

7月 10 2015

Web►Front-End

[Front-End] Canvas依照圖中心旋轉

前言

若對Canvas做旋轉會是依照最左上角為中心，所以若要針對特殊的圖中心就要做些處理。

7月 1 2015

Web►Front-End

[Front-End] 使用FastClick改善onclick

前言

iOS上onclick事件不能觸發，找到了FastClick套件可以改善，詳細的原因之後再研究。