ja/drawio/template-method/template-method-concept.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="299px" height="311px" viewBox="-0.5 -0.5 299 311" content="&lt;mxfile&gt;&lt;diagram id=&quot;9KW1ADvCEIuN-hiICIac&quot; name=&quot;concept&quot;&gt;7Zldb6M4FIZ/DdLsxURgYiCXJW1nLjpSNVlprx1wwBqDI+M07fz6PQbz4UDSZKbKzkrpTfBr+9g+57F9oI6/LF6/SLLNv4mUcge56avj3zsIIRxE8KOVt0bBC78RMsnSRnJ7YcV+0kb0WnXHUloZrZGUEFyxrS0moixpoiyNSCn2drON4KklbElGR8IqIXys/sNSlTdqhMJe/0pZlrcje8GiqVmT5Ecmxa404znI39R/TXVBWltmoVVOUrEfSP6D4y+lEKp5Kl6XlGvf2m57PFLbzVvSUp3TYY6bHi+E78zal6JMJFV0yUlVmVmqt9Yz1Z4VnJRQijeiVCtT40KZcJaV8JzA2FSC8EKlYuDUO1OhxBbUJGc8fSJvYqdnWCnwWFuKcyHZTzBLOFR5IEC1VIYP5FotVrqnGVrSCto8t8v2OumJVMq0SQTnZFuxdT1h3aQgMmNlLJQSRWtIh46mptRFpy4oKX50OOj+G8b5UnAha9f4SUrX0bprOahx6z/jsil9HDYTSe1C+jqQTBi/UFFQJd+gian9jCPTx+y5IDKx3fcEe4HhLh/QG5p2xGyarLPdDfcdNhkpM/BcNx7M3hrOm7vnDYcCezjCgZaSKBpr31dDXOFhsNReqiE+AnQ4AnrEMGc1v7kqeswOY9vCzOlGTaBcsDTV5uJqSxJWZn9rtO8/e73yVHe893vlu/GBX3OmiCLrbu9wsqb8WVRMMaHty6ZtvBWsVLWjcOzg+1qRgFAJMyashoUC4nuqMT+K13Egx+B1J8L75JnIozMDHx3HzAr4iegGwUR0fX2wUpWL1Pv01yjYsAg1ckEpmhNssIGN9E7cmyPMDvF8HGItCei74fXxkQMttJwIux3eGJy2dGdYBxotoez15Xdjv8+ZoiuYhra9h2vZJvz8k+cXAIjOA8BbfAABU/u7JwDdCPgvCGhP3WsQgOcTBARc1Utpfu/W2kGQF6IgM3r7Cyv33EGTi7IcdIUsx8e3LOdUlhMuZh6yMo956I/pw8EM4QkA3RME/u+SHTzO3m/JziXJTneWnH3S+RNJ9RHWPiDfwVP5Tqzfhmmx5YDRt/rWu116v3/pXY7C/IJj5yMyn+P3HusvuINkuL0XHwdNbqRcm5QAXZeUqWvhBCnoRsqfQkr7DedapHgTpBxEnZbpnf6kCqU1FzoZjUF6ZNpo7XkomdzVQ7an7DzzIy5sM99K7GRi5te+rUAOndEDx9PU+s47dvtU/iYp3Kzsxf4UfCJffNbkDVNUjGeeb+WLOPRmPkZzhBZuOI8OItesxpgZfqw9tDx3o7FlZBtr3DAy9gvZZeCP4XgInLvAieABO/GjE+MRLnbM39tKf9S7RehFo3cLPE70w4k8v30/uGAzQrH/zt+Ep/9niv/wLw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <path d="M 137 255 L 137 235 L 297 235 L 297 255" fill="#cdeb8b" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 137 255 L 137 310 L 297 310 L 297 255" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 137 255 L 297 255" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="216.5" y="252.5">
                ConcreteClass
            </text>
        </g>
        <path d="M 137 259 L 297 259" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 150px; height: 1px; padding-top: 270px; margin-left: 143px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 15px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                # method1()
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="143" y="282" fill="#000000" font-family="Helvetica" font-size="12px">
                    # method1()
                </text>
            </switch>
        </g>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 150px; height: 1px; padding-top: 289px; margin-left: 143px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 15px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                # method2()
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="143" y="301" fill="#000000" font-family="Helvetica" font-size="12px">
                    # method2()
                </text>
            </switch>
        </g>
        <path d="M 138.88 58 L 138.88 23 L 295.13 23 L 295.13 58" fill="#cdeb8b" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 138.88 58 L 138.88 132 L 295.13 132 L 295.13 58" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 138.88 58 L 295.13 58" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" font-style="italic" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="216.51" y="40.5">
                &lt;&lt;Abstract&gt;&gt;
            </text>
            <text x="216.51" y="54.5">
                AbstractClass
            </text>
        </g>
        <path d="M 138.88 62 L 295.13 62" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 146px; height: 1px; padding-top: 73px; margin-left: 145px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 15px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                + templateMethod()
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="145" y="85" fill="#000000" font-family="Helvetica" font-size="12px">
                    + templateMethod()
                </text>
            </switch>
        </g>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 146px; height: 1px; padding-top: 92px; margin-left: 145px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 15px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <i>
                                    # method1()
                                </i>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="145" y="104" fill="#000000" font-family="Helvetica" font-size="12px">
                    # method1()
                </text>
            </switch>
        </g>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 146px; height: 1px; padding-top: 111px; margin-left: 145px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 15px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <i>
                                    # method2()
                                </i>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="145" y="123" fill="#000000" font-family="Helvetica" font-size="12px">
                    # method2()
                </text>
            </switch>
        </g>
        <path d="M 217 235 L 217 146.12" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 217 133.12 L 223.5 146.12 L 210.5 146.12 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="-0.12" y="0" width="70" height="30" fill="#cdeb8b" stroke="#000000" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 15px; margin-left: 1px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                概念
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="35" y="19" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    概念
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>