2022年7月24日 星期日

掃瞄QRCODE

›
只靠 HTML 前端技術就可以使用相機，那麼最實用的功能就是掃瞄 QRCODE ，這裡提供一個最簡單易用的方式 使用函式庫：https://github.com/mebjas/html5-qrcode ``` $mmcode(r1) ``` <div c...
2022年7月18日 星期一

使用 Webcam

›
本來要整理 html 的資料，卻覺得這類型的資料太多也太容易取得，決定改變一下方向，只整理 html 相關比較進階實用的小技巧。 無意間看到一個令人懷念的東西，getUserMedia()，可以在網頁上使用 Webcam ，好幾年前遇到一個專案，需要利用相機功能實做一個類似...
2022年4月29日 星期五

整理一下所有 input 的型式

›
無意間看到一些沒用過的 input 型式，查了一下資料，決定開始整理一些 HTML 的技術文件 Form 可以用 GET 和 POST 以及用 POST 時可以設定編碼方式用來上傳檔案 ``` <form method="post" enc...
2021年1月27日 星期三

紋理產生器 App

›
既然可以創造紋理，剛好自己也需要，所以花了點時間寫了這個 app , 所用到的技術都在 有趣的 SVG filter - 創造紋理 ，而且還有一些紋理的技術沒有放上去，等改天有空再來改版。 寫這個 app 其中一個目的是製作長輩圖，雖然長輩圖的 app 已經多到一個不行，但是...
2021年1月13日 星期三

SVG 插入 html - foreignObject

›
SVG 使用的命名空間和 html 不同，然而和 html 整合良好，和 CSS 也可以互通有無，那麼可以在 html 中插入 SVG 是否也可以在 SVG 中插入 html 呢 ? 想不到還真的可以。一直以來都把 SVG 視為「向量圖檔」，如果 SVG 中可以插入 html ...