CSS et SVG

dabblet.css

/*
 * CSS et SVG
 */

svg{
	fill: gray;
}

rect{
	fill: red;
	stroke: black;
	stroke-width: 10px;
	/*-webkit-transform:rotate(45deg);*/
	
	
}
rect#rot{
	-webkit-transform:rotate(45deg);

}

polygon{
	fill:lime;
	stroke: green;
	stroke-width:10px;
	stroke-linejoin: miter;/*bevel,round*/
	stroke-dasharray:15,10;
}

dabblet.html

<div>
    <svg width="1200" height="800">
        <rect x="50" y="50" height="500" width="500"></rect>
        <rect id="rot" x="250" y="0" height="500" width="500"></rect>

        <polygon points="700,50 1000,600 400,600"/>
    </svg>
</div>

settings.json

{"view":"split-vertical","seethrough":"","prefixfree":"","page":"all"}