- filter = document.createElementNS svg_ns, 'filter'
- filter.setAttribute 'id', 'crayon'
- filter.setAttribute 'filterUnits', 'userSpaceOnUse'
- filter.setAttribute 'x', '-5%'
- filter.setAttribute 'y', '-5%'
- filter.setAttribute 'height', '110%'
- filter.setAttribute 'width', '110%'
- filter_inner = document.createElementNS svg_ns, 'feTurbulence'
- filter_inner.setAttribute 'baseFrequency', '.3'
- filter_inner.setAttribute 'numOctaves', '2'
- filter_inner.setAttribute 'type', 'fractalNoise'
- filter.appendChild filter_inner
- filter_inner = document.createElementNS svg_ns, 'feDisplacementMap'
- filter_inner.setAttribute 'scale', '6'
- filter_inner.setAttribute 'xChannelSelector', 'R'
- filter_inner.setAttribute 'in', 'SourceGraphic'
- filter.appendChild filter_inner
- svg.appendChild filter
+ svg.appendChild json_to_svg filter:
+ id: 'crayon', filterUnits: 'userSpaceOnUse'
+ x: '-5%', y: '-5%', height: '110%', width: '110%'
+ children: [
+ { feTurbulence: baseFrequency: '.3', numOctaves: '2', type: 'fractalNoise' }
+ { feDisplacementMap: scale: '6', xChannelSelector: 'R', in: 'SourceGraphic' }
+ ]