12篇文章 · 10525字 · 1人關注
-
Canvas 交互2017年12月28日 背景 canvas 是一張畫布剪廉，僅有一個DOM元素列粪，瀏覽器沒有內置多余的API方援，所有的交互需要開發(fā)直接實現(xiàn)憨栽。 幾何計算 ...
-
drawImage() 的鋸齒問題2017年9月5日 背景 遇到 Canvas 使用 drawImage() 繪制圖形出現(xiàn)鋸齒嚴重的問題输钩。 drawImage() drawIma...
-
模擬 Odemeter 的 Canvas 翻牌器2017年8月8日 一营罢、思路 對比 odemeter.js 方式赏陵。 弊端：生成了太多 DOM。性能瓶頸饲漾。 初始方案： 使用數(shù)張臨時canvas來...
-
D3力導向圖2017年5月8日 一蝙搔、背景 力導向圖非常適合于渲染關系型信息圖。 二考传、什么是力導向圖(Force-directed)吃型？ 我們可以把整張 Net...
-
Canvas 粒子線條動效
2017年5月11日 一、動效描述 ?許許多多不同顏色僚楞、不同形狀的圖形在畫布中隨機運動勤晚，彼此的連線隨著距離遠近而變化。當點擊畫布上某一個圖形時泉褐，...
-
css3模擬行星環(huán)繞恒星旋轉的動效2017年5月11日 一运翼、描述 模仿行星繞著恒星旋轉的動效 二、原 SVG 方案 一開始我選擇使用了 SVG 方案去完成這個動效： 橢圓軌道使用...
-
繪制平滑曲線背后的故事2017年7月28日 一兴枯、背景 繪制趨勢圖時血淌，曲線有“鋸齒感”，不夠順滑、優(yōu)美悠夯。亟待優(yōu)化之癌淮。 二、回顧繪制過程 1. 根據(jù)數(shù)據(jù)沦补，轉化成畫布上的 ...
-
用 Canvas 繪制飛線2016-05-12 用 Canvas 繪制飛線 背景 上一周完成了地圖與飛線的實現(xiàn)乳蓄，使用的是 d3.js + svg，后發(fā)現(xiàn)可能存在性能隱患夕膀。...
-
Canvas 餅圖與動效2016-06-24 用 Canvas 繪制一個餅圖且實現(xiàn)動效虚倒。涉及：canvas 基本 api, requestAnimationFrame,...
