img/pwm.dio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="681px" height="211px" viewBox="-0.5 -0.5 681 211" content="&lt;mxfile&gt;&lt;diagram id=&quot;yINnyQte-Y3g72TVophi&quot; name=&quot;ページ1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="0" y="0" width="680" height="210" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <rect x="440" y="120" width="40" height="60" fill="#99ccff" stroke="none" pointer-events="all"/>
        <rect x="590" y="120" width="50" height="60" fill="#99ccff" stroke="none" pointer-events="all"/>
        <rect x="550" y="120" width="10" height="60" fill="#99ccff" stroke="none" pointer-events="all"/>
        <path d="M 560 100 L 560 20 L 640 100 Z" fill="#99ccff" stroke="none" transform="rotate(270,600,60)" pointer-events="all"/>
        <path d="M 480 100 L 480 20 L 560 100 Z" fill="#99ccff" stroke="none" transform="rotate(270,520,60)" pointer-events="all"/>
        <path d="M 400 100 L 400 20 L 480 100 Z" fill="#99ccff" stroke="none" transform="rotate(270,440,60)" pointer-events="all"/>
        <path d="M 560 100 L 560 20 L 640 100 Z" fill="#ff9999" stroke="none" transform="rotate(90,600,60)" pointer-events="all"/>
        <path d="M 480 100 L 480 20 L 560 100 Z" fill="#ff9999" stroke="none" transform="rotate(90,520,60)" pointer-events="all"/>
        <path d="M 400 100 L 400 20 L 480 100 Z" fill="#ff9999" stroke="none" transform="rotate(90,440,60)" pointer-events="all"/>
        <rect x="560" y="120" width="30" height="60" fill="#ff9999" stroke="none" pointer-events="all"/>
        <rect x="480" y="120" width="70" height="60" fill="#ff9999" stroke="none" pointer-events="all"/>
        <rect x="400" y="120" width="40" height="60" fill="#ff9999" stroke="none" pointer-events="all"/>
        <rect x="0" y="10" width="120" height="40" fill="none" stroke="none" pointer-events="all"/>
        <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: 118px; height: 1px; padding-top: 30px; margin-left: 1px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 30px; font-family: &quot;Lucida Console&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                PWM
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="60" y="39" fill="rgb(0, 0, 0)" font-family="Lucida Console" font-size="30px" text-anchor="middle">
                    PWM
                </text>
            </switch>
        </g>
        <rect x="20" y="60" width="90" height="40" fill="none" stroke="none" pointer-events="all"/>
        <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 flex-end; width: 88px; height: 1px; padding-top: 80px; margin-left: 20px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: right;">
                            <div style="display: inline-block; font-size: 25px; font-family: &quot;Lucida Console&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                0x...0
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="108" y="88" fill="rgb(0, 0, 0)" font-family="Lucida Console" font-size="25px" text-anchor="end">
                    0x...0
                </text>
            </switch>
        </g>
        <rect x="120" y="60" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/>
        <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: 118px; height: 1px; padding-top: 80px; margin-left: 121px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 25px; font-family: &quot;Lucida Console&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Duty
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="180" y="88" fill="rgb(0, 0, 0)" font-family="Lucida Console" font-size="25px" text-anchor="middle">
                    Duty
                </text>
            </switch>
        </g>
        <rect x="120" y="130" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/>
        <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: 118px; height: 1px; padding-top: 160px; margin-left: 121px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 25px; font-family: &quot;Lucida Console&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Counter
                                <br/>
                                <font style="font-size: 20px;">
                                    0..255
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="180" y="168" fill="rgb(0, 0, 0)" font-family="Lucida Console" font-size="25px" text-anchor="middle">
                    Counter...
                </text>
            </switch>
        </g>
        <ellipse cx="60" cy="160" rx="20" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/>
        <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: 38px; height: 1px; padding-top: 160px; margin-left: 41px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 15px; font-family: &quot;Lucida Console&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                CLK
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="60" y="165" fill="rgb(0, 0, 0)" font-family="Lucida Console" font-size="15px" text-anchor="middle">
                    CLK
                </text>
            </switch>
        </g>
        <path d="M 80 160 L 120 160" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 300 120 L 330 120" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <ellipse cx="330" cy="120" rx="10" ry="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/>
        <rect x="260" y="100" width="40" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/>
        <path d="M 240 80 L 270 80 Q 280 80 280 90 L 280 100" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 240 160 L 270 160 Q 280 160 280 150 L 280 140" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 380 40 L 400 20 L 400 100 L 480 20 L 480 100 L 560 20 L 560 100 L 640 20 L 640 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 380 100 L 380 20" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="350" y="50" width="40" height="20" fill="none" stroke="none" transform="rotate(270,370,60)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)rotate(270 370 60.00000000000006)">
            <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: 38px; height: 1px; padding-top: 60px; margin-left: 351px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Lucida Console&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Count
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="370" y="64" fill="rgb(0, 0, 0)" font-family="Lucida Console" font-size="12px" text-anchor="middle">
                    Count
                </text>
            </switch>
        </g>
        <path d="M 380 180 L 653.63 180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 658.88 180 L 651.88 183.5 L 653.63 180 L 651.88 176.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="500" y="180" width="40" height="20" fill="none" stroke="none" pointer-events="all"/>
        <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: 38px; height: 1px; padding-top: 190px; margin-left: 501px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Lucida Console&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Time
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="520" y="194" fill="rgb(0, 0, 0)" font-family="Lucida Console" font-size="12px" text-anchor="middle">
                    Time
                </text>
            </switch>
        </g>
        <path d="M 380 180 L 380 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="350" y="130" width="40" height="20" fill="none" stroke="none" transform="rotate(270,370,140)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)rotate(270 370 140)">
            <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: 38px; height: 1px; padding-top: 140px; margin-left: 351px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Lucida Console&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Output
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="370" y="144" fill="rgb(0, 0, 0)" font-family="Lucida Console" font-size="12px" text-anchor="middle">
                    Output
                </text>
            </switch>
        </g>
        <path d="M 380 100 L 653.63 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 658.88 100 L 651.88 103.5 L 653.63 100 L 651.88 96.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 380 60 L 470 60 Q 480 60 483.16 50.51 L 486.84 39.49 Q 490 30 500 30 L 560 30 Q 570 30 574.47 38.94 L 595.53 81.06 Q 600 90 610 90 L 650 90" fill="none" stroke="#00ff80" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 400 63 L 400 180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="1 3" pointer-events="stroke"/>
        <ellipse cx="400" cy="60" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 440 63 L 440 180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="1 3" pointer-events="stroke"/>
        <ellipse cx="440" cy="60" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 480 63 L 480 180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="1 3" pointer-events="stroke"/>
        <ellipse cx="480" cy="60" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 550 33 L 550 180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="1 3" pointer-events="stroke"/>
        <ellipse cx="550" cy="30" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 560 33 L 560 180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="1 3" pointer-events="stroke"/>
        <ellipse cx="560" cy="30" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 640 93 L 640 180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="1 3" pointer-events="stroke"/>
        <ellipse cx="640" cy="90" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 590 73 L 590 180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="1 3" pointer-events="stroke"/>
        <ellipse cx="590" cy="70" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 380 180 L 400 180 L 400 120 L 440 120 L 440 180 L 480 180 L 480 120 L 550 120 L 550 180 L 560 180 L 560 120 L 590 120 L 590 180 L 640 180" fill="none" stroke="#00ff80" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="260" y="100" width="40" height="40" fill="none" stroke="none" transform="rotate(270,280,120)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)rotate(270 280 120)">
            <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: 38px; height: 1px; padding-top: 120px; margin-left: 261px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 25px; font-family: &quot;Lucida Console&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                &lt;?
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="280" y="128" fill="rgb(0, 0, 0)" font-family="Lucida Console" font-size="25px" text-anchor="middle">
                    &lt;?
                </text>
            </switch>
        </g>
        <rect x="410" y="30" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
        <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: 58px; height: 1px; padding-top: 45px; margin-left: 411px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 20px; font-family: &quot;Lucida Console&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Duty
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="440" y="51" fill="rgb(0, 0, 0)" font-family="Lucida Console" font-size="20px" text-anchor="middle">
                    Duty
                </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>