simon987/music-graph-ui
1
0
Fork 0
mirror of https://github.com/simon987/music-graph-ui.git synced 2025-11-04 13:06:51 +00:00
Code Issues Projects Releases Wiki Activity

handle window resize

Browse Source
This commit is contained in:
simon 2019-06-22 21:58:42 -04:00
parent 3ab1e90638
commit 1af718889d
1 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
music_graph/src/MusicGraph.js
View File

@ -18,8 +18,23 @@ const arc = function (radius, itemNumber, itemCount, width) {
} }
export function MusicGraph(data) { export function MusicGraph(data) {
const width = window.innerWidth - 7 let width = window.innerWidth - 7
const height = window.innerHeight - 7 let height = window.innerHeight - 7
window.onresize = () => {
width = window.innerWidth - 7
height = window.innerHeight - 7
this.svg
.attr('width', width)
.attr('height', height)
this.panRect
.attr('width', width)
.attr('height', height)
this.dismissRect
.attr('width', width)
.attr('height', height)
}
this._data = data this._data = data
this.api = this._data.api this.api = this._data.api
@ -61,14 +76,14 @@ export function MusicGraph(data) {
.attr('width', width) .attr('width', width)
.attr('height', height) .attr('height', height)
this.svg.append('rect') this.dismissRect = this.svg.append('rect')
.attr('width', width) .attr('width', width)
.attr('height', height) .attr('height', height)
.classed('dismiss-rect', true) .classed('dismiss-rect', true)
.style('fill', 'none') .style('fill', 'none')
.on('mousedown', this.dismiss) .on('mousedown', this.dismiss)
this.svg.append('rect') this.panRect = this.svg.append('rect')
.attr('width', width) .attr('width', width)
.attr('height', height) .attr('height', height)
.classed('pan-rect', true) .classed('pan-rect', true)