上一篇荣暮，我們討論了如何通過(guò)canvas繪制一個(gè)折線(xiàn)圖接下來(lái)绢掰，我們將給這個(gè)折線(xiàn)圖實(shí)現(xiàn)鼠標(biāo)交互效果 首先域仇，鼠標(biāo)在我們的折線(xiàn)圖上移動(dòng)時(shí)嵌削，我們要一個(gè)藍(lán)色...

根據(jù)項(xiàng)目上的需求封裝的一個(gè)控件寥茫，不知道叫什么好展哭，暫時(shí)命名為時(shí)間區(qū)間選擇器吧扳碍。簡(jiǎn)單來(lái)講，就是一個(gè)折線(xiàn)圖拆座，x軸為時(shí)間烛亦，y軸為數(shù)值，我們可以通過(guò)拖拽等...

canvas沒(méi)有提供繪制虛線(xiàn)的api铐达，我們可以通過(guò)moveTo岖赋，和lineTo來(lái)實(shí)現(xiàn)繪制虛線(xiàn)的需求。思路是將一整條虛線(xiàn)分成若干個(gè)小線(xiàn)段瓮孙，遍歷這些...

1. 為什么要設(shè)置display: block唐断？圖片文字等inline元素默認(rèn)是和父級(jí)元素的baseline對(duì)齊的，而baseline又和父級(jí)底...

我們使用canvas繪制一個(gè)方形的方法是ctx.rect(left, top, width, height);現(xiàn)在我們想繪制一個(gè)半徑為r的方形杭抠，...