Fluid Text Path

by apaul34208

HTML

<div id="container">
    <svg width="100%" height="100%" viewBox="0 0 13 15">
        <text x="0" y="13">X</text>
    </svg>
</div>

CSS

html, body {
    height:100%;
    width: 100%;
}
#container {
    height:50%;
    width: 50%;
    border:2px solid red;
}

JavaScript

$('#container').resizable(); // Demo only resize #container or window to see svg text resize