11月 6 2015

Web►Front-End

[Front-End] mouseDown手機上運行

前言

手機上無法使用mouseDown等等的事件，必須使用touchStart，網路上找到別人寫的替換方法。

9月 22 2015

Web►Front-End

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

前言

HTML5有contenteditable屬性，可以達到類似textarea的效果。

9月 12 2015

Web►Front-End

[Front-End] removeClass和addClass

前言

在純JavaScript使用addClass和removeClass。

9月 8 2015

Web►Front-End

[Front-End] 利用window.open傳值

前言

之前用過網址在網頁間傳值，這次利用window.open()在子母視窗間取值傳值。

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月 13 2015

Web►Front-End

[Front-End] 利用getUserMedia拍照

前言

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