Различия

Показаны различия между двумя версиями страницы.

--- ru:rule:dont_play_with_elements_size [2024-08-20 16:30] – [0-TBD Не играйтесь с размерами элементов] Anatoly Belaychuk
+++ ru:rule:dont_play_with_elements_size [2024-08-20 16:56] (текущий) – Embedded diagram updated Anatoly Belaychuk
@@ Строка 31: / Строка 31: @@
     <bpmndi:BPMNPlane id="BpmnPlane_1" bpmnElement="Process_1qqt81t">
       <bpmndi:BPMNShape id="TextAnnotation_0p97z6l_di" bpmnElement="TextAnnotation_0p97z6l">
-        <omgdc:Bounds x="240" y="10" width="100" height="30" />
+        <omgdc:Bounds x="240" y="10" width="100" height="41" />
         <bpmndi:BPMNLabel />
       </bpmndi:BPMNShape>
@@ Строка 65: / Строка 65: @@
 ===== ✘ Как НЕ надо =====
-<diagram><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="578px" height="81px" viewBox="-0.5 -0.5 578 81" content="&lt;mxfile host=&quot;embed.diagrams.net&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36&quot; version=&quot;24.7.7&quot;&gt;&lt;diagram id=&quot;JVxE7JagsKKI6EE8eKf4&quot; name=&quot;Страница — 1&quot;&gt;7VjJbtswEP0aA+2l0G7rGHlJDy1QIAWaHhmLkdTKokHTsdWv74iLNFrsuLWSokAuBOdxZjjLI0V74s43x1tOtulnFtN84ljxceIuJo4TBjaMFVAqwA81kPAsVhAC7rJfVIOWRvdZTHctRcFYLrJtG1yzoqBr0cII5+zQVntkeXvXLUloD7hbk7yPfstikSp05kwb/CPNktTsbAehWtkQo6wz2aUkZgcEucuJO+eMCTXbHOc0r2pn6qLsVidW68A4LcRFBtriieR7nZwOTJQmWxpD8lpkXKQsYQXJlw0acbYvYlq5tEBqdD4xtgXQBvAHFaLUnSR7wQBKxSbXq7SIb6q+gPiQs/XPr2lWKHiV5UhJO7ChTlE/VZ3Lju35WsfuanYQnlCtpVtRZYXMdHluKdtQwUtQ4DQnIntqt5xo5iS1XlNcmOj6Dtfa7Zca6nVjTyC7mVfNo6WcW3I+l+MMIUs5SqvIkrgjR9hZicqVLxV84wSQyChYxhbGKdrFl6shMlyg3VfG3DkRRjs8x0IeLBQbiDdyjFAYnt60ImqQQ4+iBw6zpJq9Qx4729c5T1GgNvLumzjsXuYqCOt9j+kNjyu+HdJM0LstkVw6wEXW5uxJ/j1RLujxLLf0an2hleY0avnQ3Cq2uSpSdKPMrOvpGA7SMVygQq0QOaZt2g1SEHVd11yyR7V5mBZ/wci6udcwEg6eGgOzOjOTFfJjI2SJknJarhqTmn4RyqJ/pb420dxZh2jOANHsAaIFIxDN+O1efFa7zvXooGI66HR3Lrszra+vvDNN/8cd8b1OR9wLj743RkcGPkX/yVcfKs7Le72nFL5XwgffiIsjXlyURjpm4t64hDmyAqkxqgRjc9ELI+y/MAzhx3tiaNMvLINIag55YYdDXggZtZyoSLUdfgd2XPn+s65Uhj1X0EFSIrVtpbA7HbTvdHbyrfORndeHiYqgIX5d4MvOgvd2FsY6C69F/CAYjfjT7hPsxYgfdE/r2EQO3oh8DZFfmrT2eKTt/W54MdLaJz8xp2J71uJPiQ5i83+IUm/+VHKXvwE=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="11"><g><path d="M 183 40 L 218.88 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 231.88 40 L 218.88 44.33 L 218.88 35.67 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="3"><g><rect x="63" y="0" width="120" height="80" rx="12" ry="12" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><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 center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 40px; margin-left: 64px;"><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: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Сформировать схемы размещения товаров на складе <br />(в том числе брака)</div></div></div></foreignObject><text x="123" y="44" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Сформировать схемы размещения товаров на складе...</text></switch></g></g></g><g data-cell-id="9"><g><rect x="233" y="10" width="110" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><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 center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 40px; margin-left: 234px;"><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: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Напечатать наряд на размещение товаров на РЦ и паспорта паллет</div></div></div></foreignObject><text x="288" y="44" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Напечатать наряд на размещение товаров на РЦ и паспорта паллет</text></switch></g></g></g><g data-cell-id="10"><g><rect x="393" y="20" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><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 center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 40px; margin-left: 394px;"><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: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Расставить товары на РЦ</div></div></div></foreignObject><text x="453" y="44" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Расставить товары на РЦ</text></switch></g></g></g><g data-cell-id="13"><g><path d="M 343 40 L 373 40 L 378.88 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 391.88 40 L 378.88 44.33 L 378.88 35.67 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="14"><g><path d="M 513 40 L 543 40 L 548.89 39.85" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 561.88 39.53 L 548.99 44.18 L 548.78 35.52 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="16"><g><path d="M 13 39.5 L 43 39.5 L 48.88 39.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 61.88 39.5 L 48.88 43.83 L 48.88 35.17 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g></g></g></g></svg></diagram>
+<diagram><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="451px" height="81px" viewBox="-0.5 -0.5 451 81" content="&lt;mxfile host=&quot;embed.diagrams.net&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36&quot; version=&quot;24.7.7&quot;&gt;&lt;diagram id=&quot;JVxE7JagsKKI6EE8eKf4&quot; name=&quot;Страница — 1&quot;&gt;1VdJr9MwEP41leCCsjRtc2y6PA4gIRWJx9GvMUkgjSvXXcKvZ2KPk8nSUvEqEBdr5vPMeJYvrjvyF7vLk2T79KOIeT7ynPgy8pcjzwsnLqwVUBogCBFIZBYbiACb7CdH0EH0mMX80DJUQuQq27fBrSgKvlUtjEkpzm2zbyJvn7pnCe8Bmy3L++iXLFapQWfetMHf8yxJ7cnuJDQ7O2aNsZJDymJxJpC/GvkLKYQy0u6y4HnVO9sX47e+slsnJnmh7nJAjxPLj1gcJqZKWy2PoXhUhVSpSETB8lWDRlIci5hXIR3QGpsPQuwBdAH8zpUqcZLsqARAqdrluMuLeF7NBdSXXGx/fE6zwsDrLCdGGMCFPkX9UrGWgzjKLebuIzuYTDha4SiqqogbtueJix1XsgQDyXOmslN75AyZk9R2TXNBwP4O99rvtxr6NXdHUN1sXMnRSsuOlhd6nRFkpVftFTka9/QKJxvVhAq0QWCDABJZA8f6wjolpwR6NySOS3L62rp7V9Jop+c5JIJDcgN1rteIpDHGQyuiTnKYUfQiQUoq6Q2J2Dm+rnlKEnVJ9MDm4fYqN0k4b3tMb3hc8e2cZopv9kxz6QwXWZuzV/l34lLxy01u4W59oZX2a0T93Nwqrr0qUnKjzJzX0zEcpGO4JI1aE3JM27QbpCCZOvZcs8eMeZgWf8DIerivYSR8eGad2N2ZFdYkjkuQFSnKa4VqXGr6RaSK/pX6t4nmzzpE8waI5g4QbfIAotm43YvPafe5Xj3STI983Z3L7sbo6yvvxtD/8USCcWci/p2f/vgRExn4KfpPfvWh47J8xjO18rVS3gVWXV7o5rK02iVTzzYkyMQLtMapUqzPXS+MsP/CsIR/3BMDXT+JDDKpOTQOOxwah1BRK4jJFP3oO7ATKgh+G8pU2AsFE2QlMdtXBofrSQde56TAuZ3ZbXsQTAYN8esGD30LoDava2Pe/EXxV78A&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="11"><g><path d="M 120 40 L 155.88 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 168.88 40 L 155.88 44.33 L 155.88 35.67 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="3"><g><rect x="0" y="0" width="120" height="80" rx="12" ry="12" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><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 center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 40px; 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: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Сформировать схемы размещения товаров на складе <br />(в том числе брака)</div></div></div></foreignObject><text x="60" y="44" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Сформировать схемы размещения товаров на складе...</text></switch></g></g></g><g data-cell-id="9"><g><rect x="170" y="10" width="110" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><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 center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 40px; margin-left: 171px;"><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: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Напечатать наряд на размещение товаров на РЦ и паспорта паллет</div></div></div></foreignObject><text x="225" y="44" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Напечатать наряд на размещение товаров на РЦ и паспорта паллет</text></switch></g></g></g><g data-cell-id="10"><g><rect x="330" y="20" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><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 center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 40px; margin-left: 331px;"><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: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Расставить товары на РЦ</div></div></div></foreignObject><text x="390" y="44" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Расставить товары на РЦ</text></switch></g></g></g><g data-cell-id="13"><g><path d="M 280 40 L 310 40 L 315.88 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 328.88 40 L 315.88 44.33 L 315.88 35.67 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g></g></g></g></svg></diagram>
 ===== Примечания =====
 Если название задачи или другого элемента на диаграмме не помещается в отведенный для него текстовый блок, поищите более лаконичную формулировку, используйте аббревиатуры и сокращения, но не поддавайтесь соблазну увеличить размер элемента - это приводит к визуальному разнобою и сильно ухудшает читаемость схемы.
-===== Исключения =====
-Исключения из указанного выше правила
 ===== Смотри также =====