<html>
  <head></head>
  <body onload="longText()">
    <svg version="1.1"  xmlns="http://www.w3.org/2000/svg">
 <clipPath id="pi">
 <path d="m151.89 965.96c-58.856-6.8598-101.02-40.385-124.31-98.83-16.829-42.242-24.007-99.554-24.024-191.83l-6e-3 -31.258 119.5 0.51574 0.6555 25c0.91346 34.839 4.08 51.715 11.812 62.953 4.6813 6.804 7.8723 7.8704 22.04 7.3652 10.372-0.36979 12.198-0.72633 18.266-3.5661 29.23-13.678 53.598-68.269 64.169-143.75 8.0199-57.269 14.41-156.24 17.498-271 0.56227-20.9 1.2765-45.312 1.5871-54.25l0.56478-16.25-8.7963 3e-3c-19.998 8e-3 -47.864 4.1355-63.818 9.4531-24.782 8.2604-41.322 22.051-48.028 40.044-1.8902 5.0721-10.45 42.899-10.45 46.18 0 0.17637-25.65 0.32067-57 0.32067-44.934 0-57-0.26461-56.999-1.25 4e-3 -7.4653 3.3486-56.382 4.5638-66.75 10.568-90.17 46.049-155.03 103.93-189.99 30.291-18.297 69.255-30.981 115.07-37.462 43.578-6.1636 25.619-5.8098 332.44-6.5485 199.83-0.48115 283.66-1.0059 291.5-1.8246 16.66-1.7406 31.176-4.1363 38.192-6.3034l6.3084-1.9484v-32.92h119v28.25c-0.01 40.429-2.0005 63.62-7.567 87.977-14.902 65.208-52.93 103.8-119.43 121.2-24.257 6.3477-49.939 9.7653-83.75 11.145l-17.25 0.7039-4e-4 9.6114c-2e-4 5.2863-0.4531 24.461-1.0065 42.611-3.3342 109.35-4.2329 164.99-4.7099 291.59-0.5458 144.84-0.6097 142.34 4.2505 166.56 4.3798 21.834 11.115 38.73 18.561 46.567l3.5952 3.7834h9.4447c30.133 0 47.001-16.264 57.399-55.344 6.6517-25 9.5252-57.685 10.19-115.91l0.5224-45.75h123.04l-0.6757 35.75c-0.3717 19.662-1.121 43.175-1.6651 52.25-4.9361 82.325-22.828 145.79-54.412 193-32.761 48.973-81.79 79.142-144.03 88.623-15.991 2.4361-54.879 2.4625-70.805 0.0482-61.929-9.3878-109.23-36.614-140.16-80.671-29.758-42.388-44.429-104.66-50.534-214.5 1.6153-43.178 0.0517-86.466-2.4499-129.6 0.28983-6.8193 1.616-66.624 2.947-132.9 1.331-66.275 2.6918-128.49 3.024-138.25l0.60395-17.75h-178.8l-0.68353 75.75c-1.665 184.52-6.797 306.79-16.232 386.75-13.711 116.19-47.828 190.17-104.91 227.47-30.682 20.048-70.788 29.296-108.16 24.94z"/>
</clipPath>
</svg>


<div id="clip-me"></div>
  </body></html>
body {
	background-color: black;
	color: green;
}

#clip-me {
position: absolute;
top: 2em;
left: 2em;
font-size: 9pt;
font-family: monospace;
text-shadow: 1px 1px 2px green;

clip-path: url(#pi);
border: 2px solid black;
  background-color: black;

width: 75%;
height: 75%;
}

#pi {
	transform: scale(.7);

}
function longText() {
var lorem = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
var i = 1;

while(i < 8) {
	lorem += lorem;
	i++;
}

document.getElementById("clip-me").innerHTML = lorem;

}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.