StackGenVis: Alignment of Data, Algorithms, and Models for Stacking Ensemble Learning Using Performance Metrics
https://doi.org/10.1109/TVCG.2020.3030352
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
1.9 KiB
75 lines
1.9 KiB
4 years ago
|
'use strict'
|
||
|
|
|
||
|
|
var parseUnit = require('parse-unit')
|
||
|
|
|
||
|
|
module.exports = toPX
|
||
|
|
|
||
|
|
var PIXELS_PER_INCH = getSizeBrutal('in', document.body) // 96
|
||
|
|
|
||
|
|
|
||
|
|
function getPropertyInPX(element, prop) {
|
||
|
|
var parts = parseUnit(getComputedStyle(element).getPropertyValue(prop))
|
||
|
|
return parts[0] * toPX(parts[1], element)
|
||
|
|
}
|
||
|
|
|
||
|
|
//This brutal hack is needed
|
||
|
|
function getSizeBrutal(unit, element) {
|
||
|
|
var testDIV = document.createElement('div')
|
||
|
|
testDIV.style['height'] = '128' + unit
|
||
|
|
element.appendChild(testDIV)
|
||
|
|
var size = getPropertyInPX(testDIV, 'height') / 128
|
||
|
|
element.removeChild(testDIV)
|
||
|
|
return size
|
||
|
|
}
|
||
|
|
|
||
|
|
function toPX(str, element) {
|
||
|
|
if (!str) return null
|
||
|
|
|
||
|
|
element = element || document.body
|
||
|
|
str = (str + '' || 'px').trim().toLowerCase()
|
||
|
|
if(element === window || element === document) {
|
||
|
|
element = document.body
|
||
|
|
}
|
||
|
|
|
||
|
|
switch(str) {
|
||
|
|
case '%': //Ambiguous, not sure if we should use width or height
|
||
|
|
return element.clientHeight / 100.0
|
||
|
|
case 'ch':
|
||
|
|
case 'ex':
|
||
|
|
return getSizeBrutal(str, element)
|
||
|
|
case 'em':
|
||
|
|
return getPropertyInPX(element, 'font-size')
|
||
|
|
case 'rem':
|
||
|
|
return getPropertyInPX(document.body, 'font-size')
|
||
|
|
case 'vw':
|
||
|
|
return window.innerWidth/100
|
||
|
|
case 'vh':
|
||
|
|
return window.innerHeight/100
|
||
|
|
case 'vmin':
|
||
|
|
return Math.min(window.innerWidth, window.innerHeight) / 100
|
||
|
|
case 'vmax':
|
||
|
|
return Math.max(window.innerWidth, window.innerHeight) / 100
|
||
|
|
case 'in':
|
||
|
|
return PIXELS_PER_INCH
|
||
|
|
case 'cm':
|
||
|
|
return PIXELS_PER_INCH / 2.54
|
||
|
|
case 'mm':
|
||
|
|
return PIXELS_PER_INCH / 25.4
|
||
|
|
case 'pt':
|
||
|
|
return PIXELS_PER_INCH / 72
|
||
|
|
case 'pc':
|
||
|
|
return PIXELS_PER_INCH / 6
|
||
|
|
case 'px':
|
||
|
|
return 1
|
||
|
|
}
|
||
|
|
|
||
|
|
// detect number of units
|
||
|
|
var parts = parseUnit(str)
|
||
|
|
if (!isNaN(parts[0]) && parts[1]) {
|
||
|
|
var px = toPX(parts[1], element)
|
||
|
|
return typeof px === 'number' ? parts[0] * px : null
|
||
|
|
}
|
||
|
|
|
||
|
|
return null
|
||
|
|
}
|