safe-svg.js

var html = require('choo/html')

module.exports = (style, classname, svg) => {
  style = style || ''
  classname = classname || ''

  var viewBox = [0,0,1,1]

  if (require('../browser')) {
    svg.style.display = 'block'
    svg.style.position = 'absolute'
    svg.style.top = 0
    svg.style.left = 0
    svg.style.width = '100%'
    svg.style.height = '100%'

    viewBox = svg.getAttribute('viewBox').split(' ')
  }

  return html`
    <div style=${style} class="${classname}">
      <canvas width="${viewBox[2]}" height="${viewBox[3]}"></canvas>
      ${svg}
    </div>
  `
}