頻率直方圖


無意義集合

"網(wǎng)站, 81"

"圖片, 79"

"產(chǎn)品, 38"

"搜索, 35"

"用戶, 24"

"提供,22"

"粉絲, 27"

"分享, 18"


工作原理

先定義好一個(gè)canvas畫布

畫好相應(yīng)圖形與坐標(biāo)

functiondrawRectangle(x,y,w,h,fill) {

context.beginPath();

context.rect(x,y,w,h);

context.closePath();

context.stroke();

if(fill) {

vargradient = context.createLinearGradient(0,0,0,300);

gradient.addColorStop(0,'green');

gradient.addColorStop(1,'rgba(67,203,36,.15)');

context.fillStyle= gradient;

context.strokeStyle= gradient;

context.fill();

}


獲取數(shù)組中有效數(shù)值以分別確定圖像高度

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程,因...
    小菜c閱讀 6,551評(píng)論 0 17
  • 一:canvas簡介 1.1什么是canvas? ①:canvas是HTML5提供的一種新標(biāo)簽 ②:HTML5 ...
    GreenHand1閱讀 4,724評(píng)論 2 32
  • 一、簡介 HTML5 中的定義:“它是依賴分辨率的位圖畫布,你可以在 canvas 上面繪制任何圖形,甚至加載照片...
    destiny0904閱讀 10,603評(píng)論 1 4
  • 一、canvas簡介 1.1 什么是canvas?(了解) 是HTML5提供的一種新標(biāo)簽 Canvas是一個(gè)矩形區(qū)...
    Looog閱讀 3,973評(píng)論 3 40
  • 通過之前的詳細(xì)分析,我們知道:在measure中測量了View的大小,在layout階段確定了View的位置。 完...
    SnowDragonYY閱讀 971評(píng)論 0 3