上一篇,我們討論了如何通過canvas繪制一個折線圖接下來,我們將給這個折線圖實現(xiàn)鼠標交互效果 首先,鼠標在我們的折線圖上移動時,我們要一個藍色的豎線跟隨鼠標移動要實現(xiàn)這個效...
根據(jù)項目上的需求封裝的一個控件,不知道叫什么好,暫時命名為時間區(qū)間選擇器吧。簡單來講,就是一個折線圖,x軸為時間,y軸為數(shù)值,我們可以通過拖拽等方式,在折線圖上選擇一個時間段...
canvas沒有提供繪制虛線的api,我們可以通過moveTo,和lineTo來實現(xiàn)繪制虛線的需求。思路是將一整條虛線分成若干個小線段,遍歷這些小線段,單數(shù)線段通過lineT...
1. 為什么要設(shè)置display: block?圖片文字等inline元素默認是和父級元素的baseline對齊的,而baseline又和父級底邊有一定距離(這個距離和 fo...
我們使用canvas繪制一個方形的方法是ctx.rect(left, top, width, height);現(xiàn)在我們想繪制一個半徑為r的方形,只需要在方形對應(yīng)的4個邊角各繪...