cms/app-client/app/services/utils.js
changeset 467 762fc0eb4946
equal deleted inserted replaced
466:a8effb60ccb6 467:762fc0eb4946
       
     1 
       
     2 import Ember from 'ember';
       
     3 
       
     4 export default Ember.Service.extend({
       
     5 
       
     6   // inspired by http://stackoverflow.com/a/39089679
       
     7   getWidthOfText(txt, fontsize){
       
     8     // Create dummy span
       
     9     var e = document.createElement('span');
       
    10 
       
    11     // set the base font defined in app.scss
       
    12     //e.className = 'base-font';
       
    13     e.style.fontFamily = 'sans-serif';
       
    14     // Set font-size
       
    15     e.style.fontSize = fontsize;
       
    16     // Set text
       
    17     e.innerHTML = txt;
       
    18     // Return width
       
    19     e.style.visibility = 'hidden';
       
    20 
       
    21     document.body.appendChild(e);
       
    22     let w = e.offsetWidth;
       
    23     document.body.removeChild(e);
       
    24 
       
    25     return w;
       
    26   }
       
    27 });