Contenir du texte dans un hexagone

ciffle.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
	xmlns:xlink="http://www.w3.org/1999/xlink" xml:lang="fr"
	width="100%" height="100%" preserveAspectRatio="xMidYMin meet"
	viewBox="-25 -25 3550 2675">
	<title>Lycée Cifflé</title>
	<style><![CDATA[
		.block { text-anchor: middle; font-size: 140px; font-family: 'Noto Sans', Arial; }
	]]></style>
	<defs>
		<!-- cos(60°) = 0.500 - sin(60°) = 0.866 - rayon = 1000 -->
		<polygon id="hexa" points="500,866 1000,0  500,-866 -500,-866 -1000,0 -500,866" stroke-width="50" />
		<g id="block-1" class="block">
			<use xlink:href="#hexa" fill="yellow" stroke="blue"/>
			<text>
				<tspan x="0" y="-450">Construit entre</tspan>
				<tspan x="0" dy="175">1928 et 1933 d'après</tspan>
				<tspan x="0" dy="175">les plans de l'architecte</tspan>
				<tspan x="0" dy="175">Frédéric Wielherski</tspan>
				<tspan x="0" dy="175">le lycée professionnel</tspan>
				<tspan x="0" dy="175">doit son nom à</tspan>
				<tspan x="0" dy="175">Paul-Louis Cyfflé</tspan>
			</text>
		</g>
		<g id="block-2" class="block">
			<use xlink:href="#hexa" fill="cyan" stroke="blue"/>
			<text>
				<tspan x="0" y="-390">Les différentes</tspan>
				<tspan x="0" dy="175">études possibles sont :</tspan>
				<!-- http://www.fileformat.info/info/unicode/char/25cf/index.htm -->
				<tspan x="0" dy="225">● la trigonométrie</tspan>
				<tspan x="0" dy="175">● le dessin</tspan>
				<tspan x="0" dy="175">● l'algèbre'</tspan>
				<tspan x="0" dy="175">● le codage</tspan>
			</text>
		</g>
	</defs>
	<rect x="-25" y="-25" width="3550" height="2700" fill="#eee" stroke="none"/>
	<line x1="-25" y1="-25" x2="3550" y2="2675" stroke-width="2" stroke="#000" />
	<use xlink:href="#block-1" x="1000" y="900" />
	<use xlink:href="#block-2" x="2500" y="1766" />
</svg>