canvas 音訊頻譜 和 座標軸刻度

2021-10-07 07:41:40 字數 2486 閱讀 7899

init (url)  else , false)

this.draw(analyser) // 這兒是畫圖的方法,

}, function (e) )

}request.send()

console.log()

}}

const xlist = [

'20hz',

'46hz',

'69hz',

'105hz',

'160hz',

'244hz',

'371hz',

'565hz',

'859hz',

'1.30khz',

'1.98khz',

'3.02khz',

'4.60khz',

'7.00khz',

'10.6khz',

'20khz'

]var analyser1 = {}

var padding1 = 30

let coordinates = ,

// 繪製座標軸的方法

drawaxis () = this

// 繪製x軸

ctx.beginpath()

ctx.font = '12px 微軟雅黑'

ctx.strokestyle = '#c0d2fd'

ctx.moveto(x0, y0)

ctx.lineto(canvas.width - padding, y0)

ctx.stroke()

// 繪製箭頭

// ctx.beginpath()

// ctx.moveto(canvas.width + 10, y0)

// ctx.lineto(canvas.width - arrowwidth + 10, y0 - arrowheight)

// ctx.lineto(canvas.width - arrowwidth + 10, y0 + arrowheight)

ctx.fillstyle = '#c0d2fd'

// ctx.closepath()

// ctx.fill()

// 繪製x軸的刻度

for (var x = space + padding; x < canvas.width - arrowwidth; x += space)

// 繪製y軸

ctx.beginpath()

ctx.moveto(x0, y0)

ctx.lineto(x0, 0 + padding)

ctx.stroke()

// 繪製箭頭

// ctx.beginpath()

// ctx.moveto(x0, 0)

// ctx.lineto(x0 - arrowheight, arrowwidth)

// ctx.lineto(x0 + arrowheight, arrowwidth)

// ctx.closepath()

// ctx.fill()

// 繪製x軸的刻度

for (var y = y0 - padding - yspace; y >= 0; y -= yspace)

// 繪製原點標題

ctx.textbaseline = 'top'

ctx.font = '12px 微軟雅黑'

ctx.textalign = 'center'

ctx.filltext('', x0 + 10, y0 + 5)

},// 繪製圖譜

drawvoice ()

for (var i = 0; i < meternum; i++)

console.log(this)

window.requestanimationframe(coordinates.drawvoice)

// windowobject1.requestanimationframe(this.drawvoice())

},// 繪製網格的方法

// drawdrid() = this

// // 定義當前座標

// var x = x0,y = y0

// // 設定虛線

// ctx.setlinedash([5,10])

// //繪製水平方向的網格線

// for(y=y0+space;y>0;y-=space)

// //繪製垂直方向的網格線

// for(x=x0+space;x// ctx.beginpath()

// }

// 座標轉換工具

transform (x = 0, y = 0) = this

x = x + padding

y = y0 - y

return [x, y]

}}export default coordinates

matplotlib設定座標軸標籤和間距的實現

目錄 我們今天繼續matplotlib作圖教程。在上週的文章當中我們介紹了如何通過xlabel和ylabel設定座標軸的名稱,以及這兩個函式的花式設定方法,可以設定出各種各樣的名稱顯示方法。今天我們來介紹介紹其他的設定。我們首先來介紹座標軸的範圍,座標軸的範圍很好理解,有的時候我們產出的資料的範圍可...

有關設定Matlab座標軸的屬性和顏色的總結

一 設定 刻度標記位置 set ha,xtick v 根據一維陣列v設定x軸上刻度標記位置 set ha,ytick v 根據一維陣列v設定y軸上刻度標記位置 set ha,ztick v 根據一維陣列v設定z軸上刻度標記位置 例一 clc,clear,close all 二 設定座標軸的刻度單位 ...

d3的比例尺和座標軸

1.比例尺 比例尺的關鍵概念 定義域和值域,比例尺本質就是乙個函式。常用比例尺有 1.1 線性比例尺 d3.scale.linear 1.2 指數比例尺 d3.scale.pow exponent x x為指數 1.3 對數比例尺 d3.scale.log 1.4 量子比例尺 d3.scale.qu...