前言

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

Read More

前言

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

Read More

前言

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

Read More

前言

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

Read More

前言

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

Read More

前言

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

Read More

前言

現在什麼東西都要響應式，但如果Canvas想要跟著螢幕改變大小則需要另外做一些動作，如果只是單純改變style會得到內容被放大的畫布，這不是我們要的結果。

Read More

前言

將之前做的畫圖做成小插件。

Read More

Canvas提供了scale()可以達到zoom in和zoom out的效果，但很殘酷的是中心點只能在最左上，因此必須使用translate()做出位移。

Read More

由於專題需要，嘗試做一個地圖出來，這才知道原來如此簡單的功能做起來這麼崩潰 …

Read More