Mercurial > hg > webaudioevaluationtool
comparison interfaces/mushra.js @ 3037:be98bbeea41a
Implemented #78 for Mushra
author | Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk> |
---|---|
date | Tue, 26 Sep 2017 11:37:39 +0100 |
parents | 1620cbee9111 |
children | 4927dc84e86d |
comparison
equal
deleted
inserted
replaced
3036:ae0950bc1c99 | 3037:be98bbeea41a |
---|---|
468 } | 468 } |
469 | 469 |
470 function drawScale() { | 470 function drawScale() { |
471 var interfaceObj = testState.currentStateMap.interfaces[0]; | 471 var interfaceObj = testState.currentStateMap.interfaces[0]; |
472 var scales = testState.currentStateMap.interfaces[0].scales; | 472 var scales = testState.currentStateMap.interfaces[0].scales; |
473 var ticks = specification.interfaces.options.concat(interfaceObj.options).find(function (a) { | |
474 return (a.type == "show" && a.name == "ticks"); | |
475 }); | |
476 if (ticks !== undefined) { | |
477 ticks = true; | |
478 } else { | |
479 ticks = false; | |
480 } | |
473 scales = scales.sort(function (a, b) { | 481 scales = scales.sort(function (a, b) { |
474 return a.position - b.position; | 482 return a.position - b.position; |
475 }); | 483 }); |
476 var canvas = document.getElementById('scale-canvas'); | 484 var canvas = document.getElementById('scale-canvas'); |
477 var ctx = canvas.getContext("2d"); | 485 var ctx = canvas.getContext("2d"); |
483 textHolder.innerHTML = ""; | 491 textHolder.innerHTML = ""; |
484 var lastHeight = 0; | 492 var lastHeight = 0; |
485 scales.forEach(function (scale) { | 493 scales.forEach(function (scale) { |
486 var posPercent = scale.position / 100.0; | 494 var posPercent = scale.position / 100.0; |
487 var posPix = (1 - posPercent) * (draw_heights[1] - draw_heights[0]) + draw_heights[0]; | 495 var posPix = (1 - posPercent) * (draw_heights[1] - draw_heights[0]) + draw_heights[0]; |
488 ctx.fillStyle = "#000000"; | 496 if (ticks) { |
489 ctx.setLineDash([1, 2]); | 497 ctx.fillStyle = "#000000"; |
490 ctx.moveTo(0, posPix); | 498 ctx.setLineDash([1, 2]); |
491 ctx.lineTo(width, posPix); | 499 ctx.moveTo(0, posPix); |
492 ctx.stroke(); | 500 ctx.lineTo(width, posPix); |
501 ctx.stroke(); | |
502 } | |
493 var text = document.createElement('div'); | 503 var text = document.createElement('div'); |
494 text.align = "right"; | 504 text.align = "right"; |
495 var textC = document.createElement('span'); | 505 var textC = document.createElement('span'); |
496 textC.textContent = scale.text; | 506 textC.textContent = scale.text; |
497 text.appendChild(textC); | 507 text.appendChild(textC); |