Summary edit

DescriptionFlorian construction.svg	How to construct a St. Florian's cross. See File:Florian construction animation.gif for a detailed animation of the construction.
Date	31 October 2008
Source	Own work
Author	Waldir
Other versions	File:Florian cross.svg, File:Florian construction animation.gif
SVG development InfoField	The SVG code is valid.   This vector image was created with a text editor.

Licensing edit

I, the copyright holder of this work, hereby publish it under the following licenses:

Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.2 or any later version published by the Free Software Foundation; with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A copy of the license is included in the section entitled GNU Free Documentation License.http://www.gnu.org/copyleft/fdl.htmlGFDLGNU Free Documentation Licensetruetrue

This file is licensed under the Creative Commons Attribution-Share Alike Attribution-Share Alike 4.0 International, 3.0 Unported, 2.5 Generic, 2.0 Generic and 1.0 Generic license.

You are free:

• to share – to copy, distribute and transmit the work
• to remix – to adapt the work

Under the following conditions:

• attribution – You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
• share alike – If you remix, transform, or build upon the material, you must distribute your contributions under the same or compatible license as the original.

https://creativecommons.org/licenses/by-sa/4.0CC BY-SA 4.0 Creative Commons Attribution-Share Alike 4.0 truetrue

You may select the license of your choice.

Source code edit

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    version="1.1"
    width="500"
    height="500"
    viewBox="-160 -160 320 320"
    id="florian_cross">
    <rect
        x="-160"
        y="-160"
        width="320"
        height="320"
        fill="white"
        id="background" />

<!-- Start of construction lines -->

    <g
        id="construction_lines"
        stroke-width="0.5"
        stroke="LightBlue">
        <circle
            id="center"
            fill="none"
            r="50" /> <!-- diameter = 100 -->
        <use
            id="smaller_center"
            xlink:href="#center"
            stroke-width="0.63"
            transform="scale(0.793,0.793)" />
            <!-- scale approx cos(5*pi/24)=0,79335334... -->
            <!-- line width adjusted to counter the scaling 0.5*1/cos(5*pi/24) -->
        <g id="top_down_circles">
            <g id="top_circles">
                <g
                    id="top_right_circle"
                    transform="rotate(22.5)"> <!-- pi/8 rad -->
                    <use
                        xlink:href="#center"
                        transform="translate(0,-100)" />  <!-- same as the diameter = 100 -->
                </g>
                <g
                    transform="rotate(-22.5)"
                    id="top_left_circle">
                    <use
                        transform="translate(0,-100)"
                        xlink:href="#center" />
                </g>
            </g>
            <use
                id="bottom_circles"
                transform="rotate(180)"
                xlink:href="#top_circles" />
        </g>
        <use
            id="right_left_circles"
            transform="rotate(90)"
            xlink:href="#top_down_circles" />
        <g id="lines" transform="rotate(37.5)"> <!-- 5*pi/24 / lines' rot * 2 + 2nd_cross' rot = 90 | 37.5*2 = 70 + 15 = 90 -->
            <g id="first_cross">
                <line
                    id="horiz_line"
                    x1="-100"
                    x2="100" />
                <use
                    transform="rotate(90)"
                    id="vert_line"
                    xlink:href="#horiz_line" />
            </g>
            <use
                id="second_cross"
                xlink:href="#first_cross"
                transform="rotate(15)" /> <!-- pi/12 -->
        </g>
        <line
            x1="39.7"
            y1="-40"
            x2="39.7"
            y2="40"
            stroke-dasharray="3, 4" />
    </g>

<!-- End of construction lines -->

    <g
        id="final_lines"
        stroke="black"
        fill="none">
        <g id="vertical_arms">
            <path
                d="M 0,-60.20 C -9,-49.77 -20.55,-44 -32.75,-42.69 L 0,0 L 32.75,-42.69 C 20.55,-44.04 9,-49.77 0,-60.20 z"
                id="upper_arm" />
            <use
                transform="rotate(180)"
                id="lower_arm"
                xlink:href="#upper_arm" />
        </g>
        <use
            transform="rotate(90)"
            id="horizontal_arms"
            xlink:href="#vertical_arms" />
        <circle
            r="50"
            stroke-width="1.26"
            transform="scale(0.793,0.793)" />
            <!-- scale approx cos(5*pi/24)=0,79335334... -->
            <!-- line width adjusted to counter the scaling 0.3*1/cos(5*pi/24) -->
        <circle r="35" /> <!-- radius has an arbitrary value, since the inner circle appears to be merely aesthetic -->
    </g>
</svg>