HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <style> text { font-family: Arial, Helvetica, sans-serif; font-size: 3em; } #thin { filter: url(#erode); } #thick { filter: url(#dilate); } </style> </head> <body> <svg xmlns="http://www.w3.org/2000/svg" width="300" height="180"> <filter id="erode"> <feMorphology operator="erode" radius="1"/> </filter> <filter id="dilate"> <feMorphology operator="dilate" radius="2"/> </filter> <text id="thin" y="1em">Thin text</text> <text y="2em">Normal text</text> <text id="thick" y="3em">Fat text</text> </svg> </body> </html>
OUTPUT
×

Save as Private