Canvas

// canvas畫圖
// 顏色漸變
var grd = draw.createLinearGradient(0,0,175,50);
grd.addColorStop(0, '#f00');
grd.addColorStop(0.5, '#0f0');
grd.addColorStop(1.0, '#00f');
draw.fillStyle = grd;
draw.fillRect(10,10, 210, 60);

// 獲取元素位置屬性
getBoundingClientRect()

// 保留一段時間的特效 
context.globalCompositeOperation = 'destination-out';
// 之前的軌跡透明，之後的軌跡部分顯示
context.fillStyle = 'rgba(0, 0, 0, 0.5)';
context.fillRect( 0, 0, cw, ch );
context.globalCompositeOperation = 'lighter';