jQuery DOM Insertion, Inside & Outside

如何控制插入內容相對於對象的位置

jQuery 插入內容時可以使用 append(), prepend(), before(), after() 四個函式,不同的函式插入的位置不同

52 total views, no views today

網頁或網頁內元素是否作用中 (可視)

 

元素出現就作用

元素完整出現才作用

38 total views, 1 views today

Canvas framework

 

 

應用

 

hoyo 自己的應用

需求為從主機載入一張圖之後,可以增加箭頭、文字、方框等基本的繪圖需求,編輯完成按儲存後要直接回存。

技術:HTML5 Canvas

使用工具:Fabric.js

參考

image-346

 

42 total views, no views today

Web Audio API – 使用

參考

實作

使用 Canvas 繪圖

  • analyser.fftSize
    設定值除以 2 就是陣列取樣數,預設 2048
  • analyser.getByteFrequencyData(Uint8Array(analyser.frequencyBinCount));
    數值在 0 – 255 ,沒聲音為 0
  • analyser.getByteTimeDomainData(Uint8Array(analyser.frequencyBinCount));
    數值在 0 – 255 ,沒聲音為 128
  • requestAnimationFrame 根據瀏覽器設定(一般來說是 60fps) 更新
  • 能量條的高度是根據 0-255 所繪製,所以如果要增減就必須調整 analyser.getByteFrequencyData(array) 的 array 值

image-328

 

60 total views, 2 views today

RICOH THETA 網頁全景處理

參考

360 Degree Interactive Panoramas And Virtual Tours In Html 5 – Multiple Browsers / 360 Easy – Complete Tutorial On 360 Degree Photography

 

720全景图

 

70 total views, no views today

jBox 第一次載入圖片無法顯示

jBox 使用 background image 來顯示圖片,在第一次點選圖片時都無法顯示

解決的方式是在第一次載入顯示時,加上 setTimeout()

 

27 total views, no views today