Question

How to use the DOM API with graphical text using SVG in Javascript

Answer 1

var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
svg.width = 400;
svg.height = 75;

var text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
text.setAttribute('x', '10');
text.setAttribute('y', '70');
text.style.fontFamily = 'Arial';
text.style.fontSize = '55';

text.textContent = 'JavaScript Programming';

svg.appendChild(text);
document.body.appendChild(svg);
 
/*
run:
 
JavaScript Programming
 
*/

 

70+ SQL courses for beginners and professionals