![240](https://cdn2.jianshu.io/assets/default_avatar/13-394c31a9cb492fcb39c27422ca7d2815.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
上一篇,我們討論了如何通過canvas繪制一個(gè)折線圖接下來桃纯,我們將給這個(gè)折線圖實(shí)現(xiàn)鼠標(biāo)交互效果 首先酷誓,鼠標(biāo)在我們的折線圖上移動(dòng)時(shí),我們要一個(gè)藍(lán)色的豎線跟隨鼠標(biāo)移動(dòng)要實(shí)現(xiàn)這個(gè)效...
根據(jù)項(xiàng)目上的需求封裝的一個(gè)控件态坦,不知道叫什么好盐数,暫時(shí)命名為時(shí)間區(qū)間選擇器吧。簡單來講伞梯,就是一個(gè)折線圖玫氢,x軸為時(shí)間,y軸為數(shù)值谜诫,我們可以通過拖拽等方式漾峡,在折線圖上選擇一個(gè)時(shí)間段...
canvas沒有提供繪制虛線的api灰殴,我們可以通過moveTo,和lineTo來實(shí)現(xiàn)繪制虛線的需求。思路是將一整條虛線分成若干個(gè)小線段牺陶,遍歷這些小線段伟阔,單數(shù)線段通過lineT...
1. 為什么要設(shè)置display: block?圖片文字等inline元素默認(rèn)是和父級(jí)元素的baseline對(duì)齊的掰伸,而baseline又和父級(jí)底邊有一定距離(這個(gè)距離和 fo...
我們使用canvas繪制一個(gè)方形的方法是ctx.rect(left, top, width, height);現(xiàn)在我們想繪制一個(gè)半徑為r的方形皱炉,只需要在方形對(duì)應(yīng)的4個(gè)邊角各繪...