jQuery DOM Insertion, Inside & Outside

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

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

86 total views, no views today

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

 

元素出現就作用

元素完整出現才作用

66 total views, no views today

Canvas framework

 

 

應用

 

hoyo 自己的應用

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

技術:HTML5 Canvas

使用工具:Fabric.js

參考

image-346

 

83 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

 

99 total views, no 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全景图

 

109 total views, no views today

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

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

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

 

52 total views, no views today