上一篇，我們討論了如何通過canvas繪制一個折線圖接下來，我們將給這個折線圖實現(xiàn)鼠標交互效果 首先，鼠標在我們的折線圖上移動時，我們要一個藍色...
投稿
收錄了5篇文章 · 2人關(guān)注
上一篇，我們討論了如何通過canvas繪制一個折線圖接下來，我們將給這個折線圖實現(xiàn)鼠標交互效果 首先，鼠標在我們的折線圖上移動時，我們要一個藍色...
根據(jù)項目上的需求封裝的一個控件，不知道叫什么好，暫時命名為時間區(qū)間選擇器吧。簡單來講，就是一個折線圖，x軸為時間，y軸為數(shù)值，我們可以通過拖拽等...
canvas沒有提供繪制虛線的api，我們可以通過moveTo，和lineTo來實現(xiàn)繪制虛線的需求。思路是將一整條虛線分成若干個小線段，遍歷這些...
1. 為什么要設(shè)置display: block？圖片文字等inline元素默認是和父級元素的baseline對齊的，而baseline又和父級底...
我們使用canvas繪制一個方形的方法是ctx.rect(left, top, width, height);現(xiàn)在我們想繪制一個半徑為r的方形，...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/481924/images.jpg', '推薦專題《canvas繪圖》（ 分享自 @簡書 ）','http://www.itdecent.cn/c/9346d8af6ff4?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認gb2312'));){kind=link}