{"id":478353,"date":"2026-05-03T08:15:30","date_gmt":"2026-05-03T08:15:30","guid":{"rendered":"https:\/\/savepearlharbor.com\/?p=478353"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=478353","title":{"rendered":"GraphCompose: \u043a\u0430\u043a \u044f \u043f\u0440\u0438\u0432\u043e\u043b\u043e\u043a ECS \u0438\u0437 \u0433\u0435\u0439\u043c\u0434\u0435\u0432\u0430 \u0438 \u0441\u043d\u0430\u043f\u0448\u043e\u0442-\u0442\u0435\u0441\u0442\u044b \u0438\u0437 \u0444\u0440\u043e\u043d\u0442\u0430 \u0432 PDF-\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044e \u043d\u0430 Java"},"content":{"rendered":"<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<h3>\u0421 \u0447\u0435\u0433\u043e \u0432\u0441\u0451 \u043d\u0430\u0447\u0430\u043b\u043e\u0441\u044c: \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0435\u0441\u0438\u043b\u0430<\/h3>\n<p>\u0412 \u043c\u0438\u0440\u0435 Java \u0434\u043b\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 PDF \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438 \u0435\u0441\u0442\u044c \u0442\u0440\u0438 \u043b\u0430\u0433\u0435\u0440\u044f:<\/p>\n<ol>\n<li>\n<p><strong>\u041d\u0438\u0437\u043a\u043e\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u0435 \u0440\u0438\u0441\u043e\u0432\u0430\u043b\u043a\u0438<\/strong> \u2014 iText, PDFBox. \u0411\u044b\u0441\u0442\u0440\u043e, \u043c\u043e\u0449\u043d\u043e, \u043d\u043e \u0442\u044b \u0431\u0443\u043a\u0432\u0430\u043b\u044c\u043d\u043e \u043f\u0438\u0448\u0435\u0448\u044c \u043d\u0430 \u0431\u0443\u043c\u0430\u0433\u0435 \u043f\u0438\u043a\u0441\u0435\u043b\u0438 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u043c\u0438. \u041b\u044e\u0431\u043e\u0439 \u0438\u043d\u0432\u043e\u0439\u0441 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 200 \u0441\u0442\u0440\u043e\u043a <code>contentStream.beginText() \/ setFont() \/ newLineAtOffset(...)<\/code>. \u0410 \u043f\u043e\u0442\u043e\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0438 \u0433\u043e\u0432\u043e\u0440\u0438\u0442: \u00ab\u043e\u0442\u0441\u0442\u0443\u043f \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c 14, \u0430 \u043d\u0435 12\u00bb.<\/p>\n<\/li>\n<li>\n<p><strong>\u0428\u0430\u0431\u043b\u043e\u043d\u043d\u044b\u0435 \u0434\u0432\u0438\u0436\u043a\u0438<\/strong> \u2014 JasperReports, OpenPDF. \u0423\u0434\u043e\u0431\u043d\u043e \u0434\u043b\u044f \u043e\u0442\u0447\u0451\u0442\u043e\u0432, \u043d\u043e XML-\u0448\u0430\u0431\u043b\u043e\u043d \u2014 \u044d\u0442\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u044f\u0437\u044b\u043a, \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439, \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0431\u043e\u043b\u044c \u043d\u0430 \u0440\u0435\u0432\u044c\u044e. \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043b\u043e\u0433\u0438\u043a\u0438 \u0440\u0430\u0441\u0442\u0435\u043a\u0430\u044e\u0442\u0441\u044f \u043c\u0435\u0436\u0434\u0443 Java-\u043a\u043e\u0434\u043e\u043c, JRXML \u0438 DTO.<\/p>\n<\/li>\n<li>\n<p><strong>HTML\u2192PDF<\/strong> \u2014 Flying Saucer, OpenHtmlToPdf. \u0412\u043d\u0435\u0448\u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e, \u043d\u043e \u043b\u044e\u0431\u043e\u0439 \u043d\u0435\u0442\u0440\u0438\u0432\u0438\u0430\u043b\u044c\u043d\u044b\u0439 layout \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u0431\u043e\u0440\u044c\u0431\u0443 \u0441 CSS-\u0434\u0432\u0438\u0436\u043a\u043e\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u043e \u043f\u0435\u0447\u0430\u0442\u043d\u044b\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0437\u043d\u0430\u0435\u0442 \u043c\u0430\u043b\u043e.<\/p>\n<\/li>\n<\/ol>\n<p>\u041c\u0435\u043d\u044f \u0431\u0435\u0441\u0438\u043b\u043e, \u0447\u0442\u043e <strong>\u0432 \u043a\u0430\u0436\u0434\u043e\u043c \u0438\u0437 \u044d\u0442\u0438\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432 \u0438\u0441\u0447\u0435\u0437\u0430\u0435\u0442 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u043a\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430<\/strong>. PDF \u2014 \u044d\u0442\u043e \u043f\u043b\u043e\u0441\u043a\u0438\u0439 \u043f\u043e\u0442\u043e\u043a \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u043e\u0432 \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f. \u0428\u0430\u0431\u043b\u043e\u043d \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e XML. HTML \u2014 \u044d\u0442\u043e \u0432\u0451\u0440\u0441\u0442\u043a\u0430 \u043f\u043e\u0434 \u044d\u043a\u0440\u0430\u043d.<\/p>\n<p>\u0410 \u0432\u0435\u0434\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u2014 \u044d\u0442\u043e <strong>\u0441\u0435\u043c\u0430\u043d\u0442\u0438\u043a\u0430<\/strong>: \u00ab\u0432\u043e\u0442 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a, \u0432\u043e\u0442 \u0441\u0435\u043a\u0446\u0438\u044f, \u0432\u043e\u0442 \u0441\u0442\u0440\u043e\u043a\u0430 \u0442\u0430\u0431\u043b\u0438\u0446\u044b, \u0432\u043e\u0442 \u0438\u0442\u043e\u0433\u043e\u0432\u0430\u044f \u044f\u0447\u0435\u0439\u043a\u0430\u00bb. \u042d\u0442\u0443 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u043a\u0443 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u043f\u0438\u0441\u0430\u0442\u044c <strong>\u043f\u0440\u044f\u043c\u043e \u0432 Java<\/strong>, \u0431\u0435\u0437 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u043d\u043e\u0433\u043e \u0441\u043b\u043e\u044f, \u0431\u0435\u0437 XML, \u0431\u0435\u0437 CSS, \u0438 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0447\u0442\u043e\u0431\u044b \u0435\u0451 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e <strong>\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c<\/strong>, <strong>\u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c<\/strong> \u0438 <strong>\u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c \u0432\u043e \u0447\u0442\u043e \u0443\u0433\u043e\u0434\u043d\u043e<\/strong> \u2014 \u0441\u0435\u0433\u043e\u0434\u043d\u044f PDF, \u0437\u0430\u0432\u0442\u0440\u0430 DOCX, \u043f\u043e\u0441\u043b\u0435\u0437\u0430\u0432\u0442\u0440\u0430 PPTX.<\/p>\n<p>\u0422\u0430\u043a \u043f\u043e\u044f\u0432\u0438\u043b\u0441\u044f <strong>GraphCompose<\/strong>.<\/p>\n<hr\/>\n<h3>\u0418\u0434\u0435\u044f: \u00abauthor intent, not coordinates\u00bb<\/h3>\n<p>\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u043f\u0440\u0438\u043d\u0446\u0438\u043f GraphCompose: <strong>\u043a\u043e\u0434 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u043d\u0430\u043c\u0435\u0440\u0435\u043d\u0438\u0435 \u0430\u0432\u0442\u043e\u0440\u0430, \u0434\u0432\u0438\u0436\u043e\u043a \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0435\u0439<\/strong>.<\/p>\n<p>\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0438\u0437 README:<\/p>\n<pre><code class=\"java\">try (DocumentSession document = GraphCompose.document(Path.of(\"output.pdf\"))        .pageSize(DocumentPageSize.A4)        .margin(24, 24, 24, 24)        .create()) {    document.pageFlow(page -&gt; page            .module(\"Summary\", module -&gt; module.paragraph(\"Hello GraphCompose\")));    document.buildPdf();}<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:87px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0417\u0434\u0435\u0441\u044c \u043d\u0435\u0442 \u043d\u0438 \u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b. \u042f \u043d\u0435 \u0441\u0447\u0438\u0442\u0430\u044e, \u0433\u0434\u0435 \u0443 \u043c\u0435\u043d\u044f \u043a\u043e\u043d\u0447\u0430\u0435\u0442\u0441\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u043f\u0430\u0440\u0430\u0433\u0440\u0430\u0444. \u042f \u043d\u0435 \u043f\u0430\u0433\u0438\u043d\u0438\u0440\u0443\u044e \u0432\u0440\u0443\u0447\u043d\u0443\u044e. \u042f \u043f\u0440\u043e\u0441\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u044e: \u00ab\u0432\u043e\u0442 \u043c\u043e\u0434\u0443\u043b\u044c \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c Summary, \u0432 \u043d\u0451\u043c \u0430\u0431\u0437\u0430\u0446\u00bb.<\/p>\n<p>\u0414\u0430\u043b\u044c\u0448\u0435 \u0434\u0432\u0438\u0436\u043e\u043a:<\/p>\n<ol>\n<li>\n<p>\u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0443\u0437\u043b\u044b (<code>DocumentNode<\/code> \u2014 \u043c\u043e\u0434\u0443\u043b\u0438, \u0441\u0435\u043a\u0446\u0438\u0438, \u043f\u0430\u0440\u0430\u0433\u0440\u0430\u0444\u044b, \u0442\u0430\u0431\u043b\u0438\u0446\u044b, \u0441\u0442\u0440\u043e\u043a\u0438, \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f, \u0434\u0438\u0432\u0430\u0439\u0434\u0435\u0440\u044b, page-break-\u044b, <strong>\u0441\u043b\u043e\u0438-\u0441\u0442\u0435\u043a\u0438<\/strong>),<\/p>\n<\/li>\n<li>\n<p>\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442 \u0438\u0445 \u0432 <strong>layout-\u0433\u0440\u0430\u0444<\/strong> (<code>DocumentSession.layoutGraph()<\/code>),<\/p>\n<\/li>\n<li>\n<p>\u043f\u0430\u0433\u0438\u043d\u0438\u0440\u0443\u0435\u0442 \u043f\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c, \u0437\u0430\u0434\u0430\u043d\u043d\u044b\u043c \u0432 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0438 \u0443\u0437\u043b\u0430 (<code>NodeDefinition<\/code>),<\/p>\n<\/li>\n<li>\n<p>\u043e\u0442\u0434\u0430\u0451\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u043c\u0443 \u0431\u044d\u043a\u0435\u043d\u0434\u0443 (PDF \u0447\u0435\u0440\u0435\u0437 PDFBox, \u0438\u043b\u0438 DOCX \u0447\u0435\u0440\u0435\u0437 Apache POI).<\/p>\n<\/li>\n<\/ol>\n<p>\u042d\u0442\u043e <strong>\u0442\u043e\u0442 \u0436\u0435 \u043f\u043e\u0434\u0445\u043e\u0434<\/strong>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 UI-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438: Jetpack Compose, SwiftUI, React. \u0422\u044b \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0448\u044c \u0434\u0435\u0440\u0435\u0432\u043e, \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0435\u0433\u043e \u0438\u0437\u043c\u0435\u0440\u044f\u0435\u0442, \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0435\u0442 \u0438 \u0440\u0438\u0441\u0443\u0435\u0442. \u0422\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0451\u043d\u043d\u044b\u0439 \u043a \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u043c, \u0430 \u043d\u0435 \u043a \u044d\u043a\u0440\u0430\u043d\u0430\u043c.<\/p>\n<hr\/>\n<h3>\u041f\u0440\u0438\u043a\u043e\u043b \u21161: ECS \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c<\/h3>\n<p>\u0421\u0430\u043c\u0430\u044f \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u2014 \u0432\u043d\u0443\u0442\u0440\u0438 GraphCompose \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 <strong>Entity-Component-System<\/strong> \u0432 \u0441\u0442\u0438\u043b\u0435 \u0438\u0433\u0440\u043e\u0432\u044b\u0445 \u0434\u0432\u0438\u0436\u043a\u043e\u0432.<\/p>\n<pre><code>src\/main\/java\/com\/demcha\/compose\/engine\/\u251c\u2500\u2500 core\/\u2502   \u251c\u2500\u2500 EntityManager.java        \/\/ \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439\u2502   \u251c\u2500\u2500 SystemECS.java            \/\/ \u0431\u0430\u0437\u043e\u0432\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0441\u0438\u0441\u0442\u0435\u043c\u044b\u2502   \u251c\u2500\u2500 SystemRegistry.java       \/\/ \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u2502   \u251c\u2500\u2500 Canvas.java               \/\/ \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u2502   \u2514\u2500\u2500 LayoutTraversalContext.java\u251c\u2500\u2500 components\/                   \/\/ \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b (Placement, ContentSize, Padding\u2026)\u251c\u2500\u2500 layout\/                       \/\/ \u0441\u0438\u0441\u0442\u0435\u043c\u044b layout\u251c\u2500\u2500 pagination\/                   \/\/ \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438\u2514\u2500\u2500 render\/                       \/\/ \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0440\u0435\u043d\u0434\u0435\u0440\u0430<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041a\u043e\u0433\u0434\u0430 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0443\u0437\u0435\u043b \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0432 \u0434\u0432\u0438\u0436\u043e\u043a, \u043e\u043d \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 <strong>Entity<\/strong> \u2014 \u0433\u043e\u043b\u044b\u0439 ID. \u041a \u044d\u0442\u043e\u043c\u0443 ID \u043f\u0440\u0438\u0432\u044f\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f <strong>\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b<\/strong>: <code>Placement<\/code> (\u0433\u0434\u0435?), <code>ContentSize<\/code> (\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442?), <code>Padding<\/code>, <code>Margin<\/code>, render-\u043c\u0430\u0440\u043a\u0435\u0440\u044b. \u041d\u0430\u0434 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 <strong>\u0441\u0438\u0441\u0442\u0435\u043c\u044b<\/strong>: <code>LayoutSystem<\/code> \u0441\u0447\u0438\u0442\u0430\u0435\u0442 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u044e, <code>PaginationSystem<\/code> \u0440\u0435\u0436\u0435\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, <code>RenderingSystem<\/code> \u0434\u0451\u0440\u0433\u0430\u0435\u0442 \u0431\u044d\u043a\u0435\u043d\u0434 \u0434\u043b\u044f \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438.<\/p>\n<p>\u0417\u0430\u0447\u0435\u043c \u044d\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0434\u043b\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432? \u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u0447\u0438\u043d:<\/p>\n<ul>\n<li>\n<p><strong>\u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0432\u043c\u0435\u0441\u0442\u043e \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f.<\/strong> \u041f\u0430\u0440\u0430\u0433\u0440\u0430\u0444 \u0441 \u0433\u0440\u0430\u043d\u0438\u0446\u0435\u0439 \u2014 \u044d\u0442\u043e \u043d\u0435 \u043f\u043e\u0434\u043a\u043b\u0430\u0441\u0441 \u043f\u0430\u0440\u0430\u0433\u0440\u0430\u0444\u0430, \u044d\u0442\u043e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u0441 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438 <code>ParagraphContent + Border + Padding<\/code>. \u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u043a\u0440\u043e\u0441\u0441-\u0440\u0435\u0436\u0443\u0449\u0438\u0439 \u0430\u0441\u043f\u0435\u043a\u0442 \u2014 \u044d\u0442\u043e \u043d\u043e\u0432\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u0430 \u043d\u0435 \u043d\u043e\u0432\u0430\u044f \u0432\u0435\u0442\u043a\u0430 \u0432 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 \u043a\u043b\u0430\u0441\u0441\u043e\u0432.<\/p>\n<\/li>\n<li>\n<p><strong>\u0414\u0435\u0448\u0451\u0432\u044b\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438.<\/strong> \u00ab\u0415\u0441\u0442\u044c \u043b\u0438 \u0443 \u044d\u0442\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0440\u0435\u043d\u0434\u0435\u0440-\u043c\u0430\u0440\u043a\u0435\u0440?\u00bb \u2014 <code>entity.hasRender()<\/code>, O(1).<\/p>\n<\/li>\n<li>\n<p><strong>\u0427\u0438\u0441\u0442\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b.<\/strong> <code>EntityRenderOrder<\/code> \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u043b\u0451\u0433\u043a\u0438\u0435 sort-entries \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u043b\u043e\u044f, \u043f\u043e\u0442\u043e\u043c \u0441\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u2014 \u0431\u0435\u0437 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u043a \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c \u0432 \u0433\u043e\u0440\u044f\u0447\u0435\u0439 \u0442\u043e\u0447\u043a\u0435 \u043a\u043e\u043c\u043f\u0430\u0440\u0430\u0442\u043e\u0440\u0430. \u042d\u0442\u043e \u043a\u0440\u0438\u0442\u0438\u0447\u043d\u043e, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e render-order \u043f\u0435\u0440\u0435\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438.<\/p>\n<\/li>\n<li>\n<p><strong>\u0420\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u044c.<\/strong> \u0425\u043e\u0442\u0438\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c, \u0441\u043a\u0430\u0436\u0435\u043c, \u044d\u0444\u0444\u0435\u043a\u0442 \u0442\u0435\u043d\u0438? \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 <code>Shadow<\/code> \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0435\u0433\u043e \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u043d\u0430 render-\u044d\u0442\u0430\u043f\u0435. \u0411\u044d\u043a\u0435\u043d\u0434 \u0440\u0438\u0441\u0443\u0435\u0442 \u0442\u0435\u043d\u044c, \u0435\u0441\u043b\u0438 \u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0435\u0441\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442. \u041d\u0438\u043a\u0430\u043a\u043e\u0439 \u0434\u0432\u0438\u0436\u043e\u043a \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u044b\u0432\u0430\u0442\u044c \u043d\u0435 \u043d\u0430\u0434\u043e.<\/p>\n<\/li>\n<\/ul>\n<p>\u041f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044f \u0441\u0430\u043c \u0434\u043e\u043b\u0433\u043e \u043f\u0435\u0440\u0435\u0432\u0430\u0440\u0438\u0432\u0430\u043b. \u0412\u0430\u0448\u0435 \u043b\u044e\u0431\u0438\u043c\u043e\u0435 \u00ab\u0441\u043b\u043e\u0439-\u0441\u0442\u0435\u043a\u00bb (overlay-\u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432):<\/p>\n<pre><code class=\"java\">document.add(new LayerStackBuilder()        .name(\"Hero\")        .back(heroBackgroundShape)              \/\/ \u0444\u043e\u043d, top-left        .center(heroContent)                    \/\/ \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u043f\u043e \u0446\u0435\u043d\u0442\u0440\u0443        .layer(badge, LayerAlign.TOP_RIGHT)     \/\/ \u0431\u044d\u0439\u0434\u0436 \u0432 \u0443\u0433\u043b\u0443        .build());<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0412\u043d\u0443\u0442\u0440\u0438 \u044d\u0442\u043e \u2014 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u043e\u0441\u044c <code>Axis.STACK<\/code> \u0432 <code>CompositeLayoutSpec<\/code>, \u043d\u0430\u0440\u044f\u0434\u0443 \u0441 <code>VERTICAL<\/code> \u0438 <code>HORIZONTAL<\/code>. Layout-\u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 \u0434\u043b\u044f STACK \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u0443\u0435\u0442 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0440\u0435\u0431\u0451\u043d\u043a\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 box-\u0430 \u0447\u0435\u0440\u0435\u0437 offset \u0434\u043b\u044f \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e <code>LayerAlign<\/code>-\u0430, \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0442\u0443 \u0436\u0435 <code>compileNodeInFixedSlot<\/code> \u043f\u043b\u044e\u043c\u0431\u0438\u043d\u0433, \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0441\u0442\u0440\u043e\u043a\u0438.<\/p>\n<p>\u0422\u043e \u0435\u0441\u0442\u044c <strong>\u043d\u0438\u043a\u0430\u043a\u043e\u0433\u043e \u043d\u043e\u0432\u043e\u0433\u043e \u0440\u0435\u043d\u0434\u0435\u0440-\u043a\u043e\u0434\u0430 \u043d\u0435 \u0431\u044b\u043b\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u0432\u043e\u043e\u0431\u0449\u0435<\/strong>. Layer-\u0441\u0442\u0435\u043a \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u043e\u0432\u0430\u044f \u0440\u0430\u0441\u043a\u043b\u0430\u0434\u043a\u0430 \u043d\u0430\u0434 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u043c\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438. \u042d\u0442\u043e \u0438 \u0435\u0441\u0442\u044c \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e ECS: \u043d\u043e\u0432\u044b\u0439 layout-\u0440\u0435\u0436\u0438\u043c \u0441\u0442\u043e\u0438\u0442 \u0434\u0451\u0448\u0435\u0432\u043e, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0432\u0441\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0443\u0436\u0435 \u0435\u0441\u0442\u044c.<\/p>\n<hr\/>\n<h3>\u041f\u0440\u0438\u043a\u043e\u043b \u21162: Layout \u0438 \u0440\u0435\u043d\u0434\u0435\u0440 \u2014 \u044d\u0442\u043e \u0434\u0432\u0430 \u043f\u0440\u043e\u0445\u043e\u0434\u0430<\/h3>\n<p>\u0412\u0442\u043e\u0440\u0430\u044f \u043a\u043b\u044e\u0447\u0435\u0432\u0430\u044f \u0438\u0434\u0435\u044f \u2014 <strong>\u0434\u0432\u0430 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0445 \u043f\u0440\u043e\u0445\u043e\u0434\u0430<\/strong>:<\/p>\n<pre><code>GraphCompose.document(...)  \u2192 DocumentSession (\u043c\u0443\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u0430\u044f, \u043d\u0435 thread-safe, \u043e\u0434\u043d\u0430 \u043d\u0430 \u0437\u0430\u043f\u0440\u043e\u0441)  \u2192 DocumentDsl \/ template compose  \u2192 semantic nodes  \u2192 layout graph              \u2190 \u041f\u0420\u041e\u0425\u041e\u0414 1  \u2192 layout snapshot or render \u2190 \u041f\u0420\u041e\u0425\u041e\u0414 2  \u2192 PDF stream\/bytes\/file<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p><code>DocumentSession.layoutGraph()<\/code> \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0443\u0437\u043b\u044b \u0432 \u0434\u0435\u0442\u0435\u0440\u043c\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 layout-\u0433\u0440\u0430\u0444: \u0438\u0437\u043c\u0435\u0440\u044f\u0435\u0442, \u043f\u0430\u0433\u0438\u043d\u0438\u0440\u0443\u0435\u0442, \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0435\u0442. \u041d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435 \u2014 <strong>resolved fragments<\/strong> \u0441 \u0443\u0436\u0435 \u043f\u043e\u0441\u0447\u0438\u0442\u0430\u043d\u043d\u044b\u043c\u0438 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u043c\u0438.<\/p>\n<p><code>DocumentSession.writePdf(...)<\/code> \u0431\u0435\u0440\u0451\u0442 \u044d\u0442\u0438 resolved fragments \u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u0445 \u0440\u0438\u0441\u0443\u0435\u0442 \u0447\u0435\u0440\u0435\u0437 <code>PdfFixedLayoutBackend<\/code>.<\/p>\n<p>\u0417\u0432\u0443\u0447\u0438\u0442 \u0431\u0430\u043d\u0430\u043b\u044c\u043d\u043e, \u043d\u043e \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u0440\u0430\u0441\u0445\u043e\u0434\u0430 \u043d\u043e\u0436\u043d\u0438\u0446\u0430\u043c\u0438 \u0432\u044b\u0442\u0435\u043a\u0430\u044e\u0442 <strong>\u043e\u0447\u0435\u043d\u044c \u043a\u043b\u0430\u0441\u0441\u043d\u044b\u0435<\/strong> \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430:<\/p>\n<h4>a) \u0421\u043d\u0430\u043f\u0448\u043e\u0442-\u0442\u0435\u0441\u0442\u044b \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430<\/h4>\n<p><code>DocumentSession.layoutSnapshot()<\/code> \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0435\u0442 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u044e \u0438\u0437 \u0442\u043e\u0433\u043e \u0436\u0435 layout-\u0433\u0440\u0430\u0444\u0430, \u0434\u043e \u0440\u0435\u043d\u0434\u0435\u0440\u0430. \u0421\u043d\u0430\u043f\u0448\u043e\u0442\u044b \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u044b \u043c\u0435\u0436\u0434\u0443 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u043c\u0438 \u0438 \u043c\u0430\u0448\u0438\u043d\u0430\u043c\u0438 \u2014 \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0432 layout-\u043f\u0440\u043e\u0445\u043e\u0434\u0435 \u043d\u0435\u0442 \u043d\u0438\u0447\u0435\u0433\u043e, \u0447\u0442\u043e \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f PDFBox.<\/p>\n<pre><code class=\"java\">LayoutSnapshotAssertions.assertThat(document.layoutSnapshot())        .matchesGoldenFile(\"invoice-overview-layout.json\");<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u042d\u0442\u043e <strong>\u0442\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435<\/strong>, \u0447\u0442\u043e \u0441\u043d\u0430\u043f\u0448\u043e\u0442-\u0442\u0435\u0441\u0442\u044b \u0432 React\/Jest \u0438\u043b\u0438 Compose UI: \u0442\u044b \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u0448\u044c \u0434\u0435\u0440\u0435\u0432\u043e \u0441 \u0440\u0430\u043d\u0435\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0451\u043d\u043d\u044b\u043c \u00ab\u0437\u043e\u043b\u043e\u0442\u044b\u043c\u00bb \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u043c \u0438 \u043b\u043e\u0432\u0438\u0448\u044c \u0440\u0435\u0433\u0440\u0435\u0441\u0441\u0438\u0438 \u0434\u043e \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u043a\u0442\u043e-\u0442\u043e \u0443\u0432\u0438\u0434\u0438\u0442 \u0431\u0430\u0433 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e.<\/p>\n<h4>b) \u0411\u044d\u043a\u0435\u043d\u0434-\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u044c<\/h4>\n<p>PDF-\u0431\u044d\u043a\u0435\u043d\u0434 \u0447\u0435\u0440\u0435\u0437 PDFBox \u2014 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043f\u0443\u0442\u044c. DOCX-\u0431\u044d\u043a\u0435\u043d\u0434 \u0447\u0435\u0440\u0435\u0437 Apache POI \u2014 \u0440\u0430\u0431\u043e\u0447\u0438\u0439, \u043e\u0442\u0434\u0430\u0451\u0442 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0439 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c\u044b\u0439 \u0444\u0430\u0439\u043b (\u0430 \u043d\u0435 \u00abPDF, \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0432 .docx\u00bb). \u0414\u043b\u044f \u0431\u0443\u0434\u0443\u0449\u0438\u0445 PPTX \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u0444\u043e\u0440\u043c\u0430\u0442\u043e\u0432 \u043d\u0443\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c <code>FixedLayoutBackend&lt;R&gt;<\/code> \u0438\u043b\u0438 <code>SemanticBackend<\/code> \u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043b\u044f\u0442\u044c \u0442\u043e\u0442 \u0436\u0435 <code>LayoutGraph<\/code>. \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043a\u043e\u0434 \u043d\u0435 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f.<\/p>\n<h4>c) Page-background, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u0437\u0430\u043c\u0435\u0442\u0438\u043b<\/h4>\n<p>\u041a\u043e\u0433\u0434\u0430 \u044f \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u043b \u0432 v1.4 \u0444\u043e\u043d \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438 \u0431\u044d\u043a\u0433\u0440\u0430\u0443\u043d\u0434\u044b \u0441\u0435\u043a\u0446\u0438\u0439, \u044f \u043e\u0436\u0438\u0434\u0430\u043b, \u0447\u0442\u043e \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u043f\u0440\u0430\u0432\u0438\u0442\u044c PDF-\u0440\u0435\u043d\u0434\u0435\u0440\u0435\u0440. \u041d\u0435 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c.<\/p>\n<p><code>DocumentSession.layoutGraph()<\/code> \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 <code>compiler.compile(...)<\/code> \u0432 <code>withPageBackgrounds(...)<\/code>. \u042d\u0442\u0430 \u043e\u0431\u0451\u0440\u0442\u043a\u0430 <strong>\u0438\u043d\u0436\u0435\u043a\u0442\u0438\u0442 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 <\/strong><code><strong>ShapeFragmentPayload<\/strong><\/code><strong> \u0432 \u043d\u0430\u0447\u0430\u043b\u043e \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/strong> \u2014 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0448\u0435\u0439\u043f, \u043a\u0430\u043a \u0435\u0441\u043b\u0438 \u0431\u044b \u0432\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a \u0440\u0443\u043a\u0430\u043c\u0438. PDF-\u0440\u0435\u043d\u0434\u0435\u0440\u0435\u0440 \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u0442\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u044b, \u0435\u0433\u043e \u044d\u0442\u043e \u043d\u0435 \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f.<\/p>\n<p>\u042d\u0442\u043e \u0438 \u0435\u0441\u0442\u044c \u00ab\u0431\u044d\u043a\u0435\u043d\u0434\u044b \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0437\u043d\u0430\u0442\u044c \u043f\u0440\u043e \u043e\u043f\u0446\u0438\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u00bb \u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438.<\/p>\n<hr\/>\n<h3>\u041f\u0440\u0438\u043a\u043e\u043b \u21163: \u0410\u0442\u043e\u043c\u0430\u0440\u043d\u0430\u044f \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f \u0431\u0435\u0437 \u0431\u043e\u043b\u0438<\/h3>\n<p>\u0415\u0441\u043b\u0438 \u0432\u044b \u043a\u043e\u0433\u0434\u0430-\u043d\u0438\u0431\u0443\u0434\u044c \u0434\u0435\u043b\u0430\u043b\u0438 PDF-\u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u2014 \u0432\u044b \u0437\u043d\u0430\u0435\u0442\u0435, \u0447\u0442\u043e <strong>\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f \u0442\u0430\u0431\u043b\u0438\u0446<\/strong> \u044d\u0442\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0440\u0443\u0433 \u0430\u0434\u0430. \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0435\u0442\u0441\u044f \u0438\u043b\u0438 \u043d\u0435\u0442? \u0413\u0434\u0435 \u0440\u0435\u0436\u0435\u0442\u0441\u044f \u0441\u0442\u0440\u043e\u043a\u0430? \u0427\u0442\u043e \u0441 \u0433\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438 \u043d\u0430 \u0440\u0430\u0437\u0440\u044b\u0432\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b?<\/p>\n<p>\u0412 GraphCompose \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 <code>DocumentTableNode<\/code>. \u041d\u0430 layout-\u043f\u0440\u043e\u0445\u043e\u0434\u0435 \u043e\u043d\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0438\u0437\u0443\u0435\u0442\u0441\u044f \u0432 <strong>\u00ab\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u044f\u0447\u0435\u0439\u043a\u0438\u00bb<\/strong>: \u043a\u0430\u0436\u0434\u0430\u044f \u0430\u0432\u0442\u043e\u0440\u0441\u043a\u0430\u044f \u044f\u0447\u0435\u0439\u043a\u0430 \u2014 \u044d\u0442\u043e <code>LogicalCell(startColumn, colSpan, content)<\/code>, \u0440\u0430\u0437\u0440\u0435\u0448\u0451\u043d\u043d\u044b\u0439 \u043f\u043e <code>stylesGrid[row][col]<\/code>. \u0421\u0442\u0440\u043e\u043a\u0438 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f \u0432 <strong>\u0430\u0442\u043e\u043c\u0430\u0440\u043d\u044b\u0435 leaf-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0441 \u043f\u0440\u0435\u0434\u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u043c cell payload<\/strong>.<\/p>\n<p>\u0421 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u043f\u0430\u0433\u0438\u043d\u0430\u0442\u043e\u0440\u0430, <strong>\u0441\u0442\u0440\u043e\u043a\u0430 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u2014 \u044d\u0442\u043e \u0430\u0442\u043e\u043c\u0430\u0440\u043d\u044b\u0439 \u0431\u043b\u043e\u043a<\/strong>. \u041d\u0435 \u0440\u0430\u0437\u0440\u0435\u0437\u0430\u0435\u0442\u0441\u044f. \u0415\u0441\u043b\u0438 \u043d\u0435 \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u2014 \u0435\u0434\u0435\u0442 \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0446\u0435\u043b\u0438\u043a\u043e\u043c. \u0415\u0441\u043b\u0438 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043c\u043d\u043e\u0433\u043e \u0441\u0442\u0440\u043e\u043a \u2014 \u0440\u0435\u0436\u0435\u0442\u0441\u044f \u043c\u0435\u0436\u0434\u0443 \u0441\u0442\u0440\u043e\u043a\u0430\u043c\u0438, \u0438 \u043a\u0430\u0436\u0434\u044b\u0439 \u043a\u0440\u0430\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0437\u043d\u0430\u0435\u0442, \u0447\u044c\u0451 \u044d\u0442\u043e \u043f\u0440\u0430\u0432\u043e \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0433\u0440\u0430\u043d\u0438\u0446\u0443 (\u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0431\u044b\u043b\u043e \u0434\u0432\u043e\u0439\u043d\u043e\u0439 \u043b\u0438\u043d\u0438\u0438 \u0438 \u043d\u0435 \u0431\u044b\u043b\u043e \u043f\u0440\u043e\u043f\u0443\u0441\u043a\u0430 \u043b\u0438\u043d\u0438\u0438).<\/p>\n<p>Layer-\u0441\u0442\u0435\u043a \u0430\u0442\u043e\u043c\u0430\u0440\u0435\u043d. Hero-\u0431\u043b\u043e\u043a \u00ab\u0444\u043e\u043d + \u043a\u043e\u043d\u0442\u0435\u043d\u0442 + \u0431\u044d\u0439\u0434\u0436\u00bb \u043b\u0438\u0431\u043e \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043b\u0438\u0431\u043e \u0435\u0434\u0435\u0442 \u0446\u0435\u043b\u0438\u043a\u043e\u043c. \u041d\u0438\u043a\u0430\u043a\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441 \u0444\u043e\u043d\u043e\u043c \u0431\u0435\u0437 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430.<\/p>\n<p>\u0418 \u0435\u0449\u0451 \u043e\u0434\u043d\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u044f \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0435\u0434\u043e\u043e\u0446\u0435\u043d\u0438\u043b: <strong>\u0434\u0435\u0442\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u0430\u0433\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0440\u0430\u043d\u044c\u0448\u0435 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439<\/strong>. \u041a\u043e\u0433\u0434\u0430 \u0434\u043e\u0447\u0435\u0440\u043d\u044f\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043d\u0435 \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043e\u043d\u0430 \u0441\u0434\u0432\u0438\u0433\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u2014 \u0438 \u044d\u0442\u043e \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442 <code>ContentSize<\/code> \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f. \u0415\u0441\u043b\u0438 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u0443\u0436\u0435 \u0437\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d \u2014 <code>Placement.height<\/code> \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u0441\u0442\u0430\u0440\u044b\u043c, \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043d\u0435 \u0434\u043e\u0442\u044f\u0433\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0434\u043e \u0441\u0434\u0432\u0438\u043d\u0443\u0442\u043e\u0433\u043e \u0440\u0435\u0431\u0451\u043d\u043a\u0430. \u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u0430\u043a \u00ab\u043f\u043e\u043b\u043e\u0441\u043a\u0430 \u0444\u043e\u043d\u0430 \u043f\u043e\u0447\u0435\u043c\u0443-\u0442\u043e \u0437\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0440\u0430\u043d\u044c\u0448\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u00bb.<\/p>\n<p>\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0432 <code>LayoutTraversalContext<\/code>:<\/p>\n<ul>\n<li>\n<p><code>ParentComponent<\/code> \u0434\u0430\u0451\u0442 \u0430\u0432\u0442\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u0443\u044e parent-\u0441\u0432\u044f\u0437\u044c,<\/p>\n<\/li>\n<li>\n<p><code>Entity.children<\/code> \u2014 \u043a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0441\u0438\u0431\u043b\u0438\u043d\u0433\u043e\u0432,<\/p>\n<\/li>\n<li>\n<p><code>PageBreaker<\/code> \u0433\u043e\u043d\u044f\u0435\u0442 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u044b\u0439 \u0442\u043e\u043f\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043e\u0431\u0445\u043e\u0434: \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u043f\u043e\u043f\u0430\u0434\u0430\u044e\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u0437\u043b\u044b \u0431\u0435\u0437 \u043d\u0435\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0445 \u0434\u0435\u0442\u0435\u0439,<\/p>\n<\/li>\n<li>\n<p>\u0432\u043d\u0443\u0442\u0440\u0438 ready-queue \u2014 \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0430 \u043f\u043e <code>ComputedPosition.y<\/code>, \u043f\u043e\u0442\u043e\u043c \u043f\u043e \u0433\u043b\u0443\u0431\u0438\u043d\u0435, \u043f\u043e\u0442\u043e\u043c \u043f\u043e UUID.<\/p>\n<\/li>\n<\/ul>\n<p>\u0411\u0435\u0437 pairwise ancestor-\u043a\u043e\u043c\u043f\u0430\u0440\u0430\u0442\u043e\u0440\u0430. \u0411\u044b\u0441\u0442\u0440\u043e, \u0434\u0435\u0442\u0435\u0440\u043c\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e, \u0438 \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e \u043a \u00ab\u043f\u043e\u0434\u0432\u0438\u043d\u0443\u043b \u043e\u0442\u0441\u0442\u0443\u043f \u2014 \u0440\u0435\u043d\u0434\u0435\u0440 \u0441\u043b\u043e\u043c\u0430\u043b\u0441\u044f\u00bb.<\/p>\n<hr\/>\n<h3>\u041f\u0440\u0438\u043a\u043e\u043b \u21164: \u0422\u0440\u0451\u0445\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u0439 regression-pyramid<\/h3>\n<p>\u042f \u043a \u044d\u0442\u043e\u043c\u0443 \u0448\u0451\u043b \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u0435\u0441\u044f\u0446\u0435\u0432 \u0438 \u0441\u0447\u0438\u0442\u0430\u044e \u044d\u0442\u043e \u0441\u0430\u043c\u043e\u0439 \u0446\u0435\u043d\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u044c\u044e \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/p>\n<pre><code>1. Layout math unit tests           \u2014 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u044e\u0442 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0440\u0430\u0441\u0447\u0451\u0442\u044b2. Layout snapshot tests            \u2014 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u044e\u0442 \u0434\u0435\u0442\u0435\u0440\u043c\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0443\u044e \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u044e                                      \u0432\u0441\u0435\u0433\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u0434\u043e \u0440\u0435\u043d\u0434\u0435\u0440\u04303. PDF visual regression (PNG-diff) \u2014 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u044e\u0442, \u0447\u0442\u043e \u0440\u0435\u043d\u0434\u0435\u0440 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u0430\u043a \u0440\u0430\u043d\u044c\u0448\u0435<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p><strong>\u0423\u0440\u043e\u0432\u0435\u043d\u044c 1<\/strong> \u2014 \u043e\u0431\u044b\u0447\u043d\u044b\u0435 unit-\u0442\u0435\u0441\u0442\u044b. \u0421\u043a\u0443\u0447\u043d\u043e, \u043d\u043e \u043d\u0430\u0434\u0451\u0436\u043d\u043e.<\/p>\n<p><strong>\u0423\u0440\u043e\u0432\u0435\u043d\u044c 2<\/strong> \u2014 <code>LayoutSnapshotAssertions<\/code>. \u0421\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u0442 \u0434\u0435\u0440\u0435\u0432\u043e layout-\u0433\u0440\u0430\u0444 \u0441\u043e \u0441\u0445\u0440\u0430\u043d\u0451\u043d\u043d\u044b\u043c JSON. \u0415\u0441\u043b\u0438 \u0432\u043d\u0435\u0441\u043b\u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u043e\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 (\u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0430\u0441\u044c \u043a\u043e\u043b\u043e\u043d\u043a\u0430, \u043f\u043e\u0435\u0445\u0430\u043b \u043e\u0442\u0441\u0442\u0443\u043f), \u0441\u043d\u0430\u043f\u0448\u043e\u0442 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f, \u0442\u0435\u0441\u0442 \u043f\u0430\u0434\u0430\u0435\u0442, \u0442\u044b \u0441\u043c\u043e\u0442\u0440\u0438\u0448\u044c diff \u0432 JSON \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0448\u044c, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u043e. <strong>\u041d\u0435 \u043d\u0443\u0436\u043d\u043e \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0442\u044c PDF<\/strong>.<\/p>\n<p><strong>\u0423\u0440\u043e\u0432\u0435\u043d\u044c 3<\/strong> \u2014 <code>PdfVisualRegression<\/code>. \u042d\u0442\u043e \u0442\u0430 \u0447\u0430\u0441\u0442\u044c, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u00ab\u0434\u0438\u0444 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u043e \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u044b\u0439, \u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0443\u0440\u043e\u0434\u043b\u0438\u0432\u043e\u00bb. \u0420\u0435\u043d\u0434\u0435\u0440\u0438\u043c PDF \u0432 PNG \u0447\u0435\u0440\u0435\u0437 <code>PDFRenderer<\/code>, \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u043c \u043f\u043e\u043f\u0438\u043a\u0441\u0435\u043b\u044c\u043d\u043e \u0441 baseline-\u043e\u043c \u0438\u0437 <code>src\/test\/resources\/visual-baselines\/<\/code>. \u041f\u0430\u0434\u0435\u043d\u0438\u0435 \u0442\u0435\u0441\u0442\u0430 \u043a\u043b\u0430\u0434\u0451\u0442 \u0440\u044f\u0434\u043e\u043c <code>actual.png<\/code> \u0438 <code>diff.png<\/code> \u2014 \u043e\u0442\u043a\u0440\u044b\u043b, \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u043b, \u043f\u043e\u043d\u044f\u043b.<\/p>\n<pre><code class=\"java\">PdfVisualRegression visual = PdfVisualRegression.standard()        .perPixelTolerance(6)        .mismatchedPixelBudget(0);byte[] pdf = session.toPdfBytes();visual.assertMatchesBaseline(\"invoice-overview\", pdf);<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0427\u0442\u043e\u0431\u044b \u0431\u043b\u0430\u0433\u043e\u0441\u043b\u043e\u0432\u0438\u0442\u044c \u043d\u043e\u0432\u044b\u0439 baseline:<\/p>\n<pre><code class=\"bash\">mvn test -Dgraphcompose.visual.approve=true<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u042d\u0442\u043e \u0434\u0430\u0451\u0442 \u043c\u043d\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c <strong>\u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u0442\u044c \u0430\u0433\u0440\u0435\u0441\u0441\u0438\u0432\u043d\u043e<\/strong>. \u0421\u043d\u0430\u043f\u0448\u043e\u0442\u044b \u043b\u043e\u0432\u044f\u0442, \u0447\u0442\u043e \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u044f \u043d\u0435 \u0438\u0437\u043c\u0435\u043d\u0438\u043b\u0430\u0441\u044c. Visual-regression \u043b\u043e\u0432\u0438\u0442, \u0447\u0442\u043e \u0440\u0435\u043d\u0434\u0435\u0440 \u043d\u0435 \u0438\u0437\u043c\u0435\u043d\u0438\u043b\u0441\u044f. \u041d\u0430 <code>main<\/code>-\u0432\u0435\u0442\u043a\u0435 \u0441\u0435\u0439\u0447\u0430\u0441 <strong>525 \u0437\u0435\u043b\u0451\u043d\u044b\u0445 \u0442\u0435\u0441\u0442\u043e\u0432<\/strong>, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 41 \u2014 \u044d\u0442\u043e \u00abcinematic feature tests\u00bb \u0438\u0437 v1.4 (\u0444\u043e\u043d\u044b, \u0441\u043b\u043e\u0438, rich-text, \u0442\u0435\u043c\u044b).<\/p>\n<hr\/>\n<h3>\u041f\u0440\u0438\u043a\u043e\u043b \u21165: \u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c<\/h3>\n<p>\u0427\u0435\u0441\u0442\u043d\u044b\u0435 \u0446\u0438\u0444\u0440\u044b. \u0412\u0441\u0435 \u043e\u043d\u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u044b \u0438\u0437 <code>scripts\/<\/code><a href=\"http:\/\/run-benchmarks.ps\" rel=\"noopener noreferrer nofollow\"><code>run-benchmarks.ps<\/code><\/a><code>1<\/code> \u043d\u0430 \u043d\u043e\u0443\u0442\u0431\u0443\u043a\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430; CI-\u043c\u0430\u0448\u0438\u043d\u044b \u043e\u0431\u044b\u0447\u043d\u043e \u0432 1.5\u20132 \u0440\u0430\u0437\u0430 \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u0435\u0435.<\/p>\n<h4>End-to-end latency (\u043f\u043e\u043b\u043d\u044b\u0439 \u043f\u0440\u043e\u0444\u0438\u043b\u044c current-speed, 12 warmup + 40 measurement)<\/h4>\n<div>\n<div class=\"table\">\n<table>\n<tbody>\n<tr>\n<th>\n<p align=\"left\">\u0421\u0446\u0435\u043d\u0430\u0440\u0438\u0439<\/p>\n<\/th>\n<th>\n<p align=\"left\">Avg ms<\/p>\n<\/th>\n<th>\n<p align=\"left\">p50 ms<\/p>\n<\/th>\n<th>\n<p align=\"left\">p95 ms<\/p>\n<\/th>\n<th>\n<p align=\"left\">Docs\/sec<\/p>\n<\/th>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">engine-simple<\/p>\n<\/td>\n<td>\n<p align=\"left\">3.00<\/p>\n<\/td>\n<td>\n<p align=\"left\">2.73<\/p>\n<\/td>\n<td>\n<p align=\"left\">4.86<\/p>\n<\/td>\n<td>\n<p align=\"left\">333.83<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">invoice-template<\/p>\n<\/td>\n<td>\n<p align=\"left\">17.74<\/p>\n<\/td>\n<td>\n<p align=\"left\">17.44<\/p>\n<\/td>\n<td>\n<p align=\"left\">25.13<\/p>\n<\/td>\n<td>\n<p align=\"left\">56.38<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">cv-template<\/p>\n<\/td>\n<td>\n<p align=\"left\">10.16<\/p>\n<\/td>\n<td>\n<p align=\"left\">9.91<\/p>\n<\/td>\n<td>\n<p align=\"left\">14.08<\/p>\n<\/td>\n<td>\n<p align=\"left\">98.46<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">proposal-template<\/p>\n<\/td>\n<td>\n<p align=\"left\">18.21<\/p>\n<\/td>\n<td>\n<p align=\"left\">16.93<\/p>\n<\/td>\n<td>\n<p align=\"left\">23.57<\/p>\n<\/td>\n<td>\n<p align=\"left\">54.91<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">feature-rich<\/p>\n<\/td>\n<td>\n<p align=\"left\">36.02<\/p>\n<\/td>\n<td>\n<p align=\"left\">34.18<\/p>\n<\/td>\n<td>\n<p align=\"left\">41.79<\/p>\n<\/td>\n<td>\n<p align=\"left\">27.76<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Per-stage breakdown (median ms \u043d\u0430 \u0441\u0442\u0430\u0434\u0438\u044e):<\/p>\n<div>\n<div class=\"table\">\n<table>\n<tbody>\n<tr>\n<th>\n<p align=\"left\">\u0421\u0446\u0435\u043d\u0430\u0440\u0438\u0439<\/p>\n<\/th>\n<th>\n<p align=\"left\">Compose<\/p>\n<\/th>\n<th>\n<p align=\"left\">Layout<\/p>\n<\/th>\n<th>\n<p align=\"left\">Render<\/p>\n<\/th>\n<th>\n<p align=\"left\">Total<\/p>\n<\/th>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">invoice-template<\/p>\n<\/td>\n<td>\n<p align=\"left\">0.33<\/p>\n<\/td>\n<td>\n<p align=\"left\">2.55<\/p>\n<\/td>\n<td>\n<p align=\"left\">5.76<\/p>\n<\/td>\n<td>\n<p align=\"left\">8.63<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">cv-template<\/p>\n<\/td>\n<td>\n<p align=\"left\">0.27<\/p>\n<\/td>\n<td>\n<p align=\"left\">2.77<\/p>\n<\/td>\n<td>\n<p align=\"left\">1.60<\/p>\n<\/td>\n<td>\n<p align=\"left\">4.72<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">proposal-template<\/p>\n<\/td>\n<td>\n<p align=\"left\">0.34<\/p>\n<\/td>\n<td>\n<p align=\"left\">9.54<\/p>\n<\/td>\n<td>\n<p align=\"left\">5.66<\/p>\n<\/td>\n<td>\n<p align=\"left\">15.65<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>\u0412\u0438\u0434\u043d\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0435: <strong>\u0440\u0435\u043d\u0434\u0435\u0440 \u0441\u044a\u0435\u0434\u0430\u0435\u0442 36\u201367% \u0432\u0440\u0435\u043c\u0435\u043d\u0438<\/strong>. \u042d\u0442\u043e \u0441\u0435\u0440\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f PDFBox-\u043e\u043c, \u0438 \u0442\u0443\u0442 \u043c\u043e\u0438\u0445 \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0439 \u043d\u0435\u0442 \u2014 \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430 \u043f\u043e \u0441\u0436\u0430\u0442\u0438\u044e \u0431\u0430\u0439\u0442\u043e\u0432. Layout \u2014 \u043c\u043e\u0439 \u0434\u0432\u0438\u0436\u043e\u043a \u2014 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 2\u201310 \u043c\u0441 \u043d\u0430 \u0441\u0440\u0435\u0434\u043d\u0438\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445.<\/p>\n<h4>\u041f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u0438\u0437\u043c (invoice template, 12 docs \u043d\u0430 \u043f\u043e\u0442\u043e\u043a)<\/h4>\n<div>\n<div class=\"table\">\n<table>\n<tbody>\n<tr>\n<th>\n<p align=\"left\">Threads<\/p>\n<\/th>\n<th>\n<p align=\"left\">Total docs<\/p>\n<\/th>\n<th>\n<p align=\"left\">Throughput<\/p>\n<\/th>\n<th>\n<p align=\"left\">Avg doc ms<\/p>\n<\/th>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">1<\/p>\n<\/td>\n<td>\n<p align=\"left\">12<\/p>\n<\/td>\n<td>\n<p align=\"left\">89.56\/s<\/p>\n<\/td>\n<td>\n<p align=\"left\">11.17<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">2<\/p>\n<\/td>\n<td>\n<p align=\"left\">24<\/p>\n<\/td>\n<td>\n<p align=\"left\">143.53\/s<\/p>\n<\/td>\n<td>\n<p align=\"left\">6.97<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">4<\/p>\n<\/td>\n<td>\n<p align=\"left\">48<\/p>\n<\/td>\n<td>\n<p align=\"left\">245.26\/s<\/p>\n<\/td>\n<td>\n<p align=\"left\">4.08<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">8<\/p>\n<\/td>\n<td>\n<p align=\"left\">96<\/p>\n<\/td>\n<td>\n<p align=\"left\">328.78\/s<\/p>\n<\/td>\n<td>\n<p align=\"left\">3.04<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>\u041f\u043e\u0447\u0442\u0438 \u043b\u0438\u043d\u0435\u0439\u043d\u044b\u0439 \u0440\u043e\u0441\u0442 \u0434\u043e 4 \u044f\u0434\u0435\u0440.<\/p>\n<h4>Linear scalability (scalability suite, \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b)<\/h4>\n<div>\n<div class=\"table\">\n<table>\n<tbody>\n<tr>\n<th>\n<p align=\"left\">Threads<\/p>\n<\/th>\n<th>\n<p align=\"left\">Total docs<\/p>\n<\/th>\n<th>\n<p align=\"left\">Throughput<\/p>\n<\/th>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">1<\/p>\n<\/td>\n<td>\n<p align=\"left\">100<\/p>\n<\/td>\n<td>\n<p align=\"left\">807.41\/s<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">2<\/p>\n<\/td>\n<td>\n<p align=\"left\">200<\/p>\n<\/td>\n<td>\n<p align=\"left\">1,960.75\/s<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">4<\/p>\n<\/td>\n<td>\n<p align=\"left\">400<\/p>\n<\/td>\n<td>\n<p align=\"left\">3,839.64\/s<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">8<\/p>\n<\/td>\n<td>\n<p align=\"left\">800<\/p>\n<\/td>\n<td>\n<p align=\"left\">7,394.56\/s<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">16<\/p>\n<\/td>\n<td>\n<p align=\"left\">1,600<\/p>\n<\/td>\n<td>\n<p align=\"left\">11,164.76\/s<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p><strong>13.8\u00d7 \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u043d\u0430 16 \u043f\u043e\u0442\u043e\u043a\u0430\u0445.<\/strong> \u0412 \u0433\u043e\u0440\u044f\u0447\u0435\u043c \u043f\u0443\u0442\u0438 \u043d\u0435\u0442 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u0439 \u2014 <code>EntityManager<\/code> \u0441\u043e\u0437\u0434\u0430\u0451\u0442\u0441\u044f per-session, \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u043a\u0435\u0448\u0438 request-local.<\/p>\n<h4>Stress test: 50 \u043f\u043e\u0442\u043e\u043a\u043e\u0432, 5000 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432, \u043e\u0434\u0438\u043d \u043f\u0440\u043e\u0433\u043e\u043d<\/h4>\n<pre><code>Successful: 5000Errors:     0Time:       2499 ms<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>~2000 doc\/sec \u043f\u043e\u0434 \u043a\u043e\u043d\u0442\u0435\u043d\u0448\u043d\u043e\u043c, <strong>\u043d\u043e\u043b\u044c \u043f\u0430\u0434\u0435\u043d\u0438\u0439<\/strong>.<\/p>\n<h4>\u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 (\u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438\u043d\u0432\u043e\u0439\u0441-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442, 100 \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u0439)<\/h4>\n<div>\n<div class=\"table\">\n<table>\n<tbody>\n<tr>\n<th>\n<p align=\"left\">Library<\/p>\n<\/th>\n<th>\n<p align=\"left\">Avg ms<\/p>\n<\/th>\n<th>\n<p align=\"left\">Avg heap MB<\/p>\n<\/th>\n<th>\n<p align=\"left\">\u0417\u0430\u043c\u0435\u0442\u043a\u0438<\/p>\n<\/th>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">iText 5<\/p>\n<\/td>\n<td>\n<p align=\"left\">1.57<\/p>\n<\/td>\n<td>\n<p align=\"left\">0.16<\/p>\n<\/td>\n<td>\n<p align=\"left\">\u043d\u0438\u0437\u043a\u043e\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u0435 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u044b<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\"><strong>GraphCompose v1.4<\/strong><\/p>\n<\/td>\n<td>\n<p align=\"left\">2.45<\/p>\n<\/td>\n<td>\n<p align=\"left\">0.16<\/p>\n<\/td>\n<td>\n<p align=\"left\"><strong>\u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 DSL + \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">JasperReports<\/p>\n<\/td>\n<td>\n<p align=\"left\">4.45<\/p>\n<\/td>\n<td>\n<p align=\"left\">0.19<\/p>\n<\/td>\n<td>\n<p align=\"left\">XML-\u0448\u0430\u0431\u043b\u043e\u043d\u043d\u044b\u0439 \u0434\u0432\u0438\u0436\u043e\u043a<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>\u042f \u043d\u0430\u0445\u043e\u0436\u0443\u0441\u044c \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u0437\u043a\u043e\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u043e\u0439 \u0440\u0438\u0441\u043e\u0432\u0430\u043b\u043a\u043e\u0439 \u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u043d\u044b\u043c \u0434\u0432\u0438\u0436\u043a\u043e\u043c: \u0432 1.5\u00d7 \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u0435\u0435 iText (\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0448\u044c \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0439 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 DSL \u0438 \u0430\u0432\u0442\u043e\u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044e), \u0432 1.8\u00d7 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 JasperReports (\u0431\u0435\u0437 XML-\u0448\u0430\u0431\u043b\u043e\u043d\u043d\u043e\u0433\u043e \u0441\u043b\u043e\u044f \u0432\u043e\u043e\u0431\u0449\u0435).<\/p>\n<p>\u0427\u0442\u043e \u0432\u0430\u0436\u043d\u043e: <strong>engine-only \u0431\u0435\u0437 \u0440\u0435\u043d\u0434\u0435\u0440\u0430<\/strong> \u2014 <code>GraphComposeBenchmark<\/code> \u2014 \u044d\u0442\u043e <strong>avg 1.04 ms, p50 0.97 ms, p95 1.64 ms<\/strong>. \u0422\u043e \u0435\u0441\u0442\u044c \u043c\u043e\u0439 layout-\u0434\u0432\u0438\u0436\u043e\u043a \u0441\u0430\u043c \u043f\u043e \u0441\u0435\u0431\u0435 \u043e\u0447\u0435\u043d\u044c \u0431\u044b\u0441\u0442\u0440\u044b\u0439, \u0431\u0443\u0442\u044b\u043b\u043e\u0447\u043d\u043e\u0435 \u0433\u043e\u0440\u043b\u044b\u0448\u043a\u043e \u2014 \u044d\u0442\u043e PDFBox-\u0441\u0435\u0440\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f, \u0438 \u044d\u0442\u043e \u0443\u0436\u0435 \u043d\u0435 \u043c\u043e\u044f \u0437\u043e\u043d\u0430 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438.<\/p>\n<hr\/>\n<h3>\u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0441\u043a\u0438\u0439 \u0441\u043b\u043e\u0439: \u00abcinematic\u00bb \u0432 v1.4<\/h3>\n<p>\u0412 v1.3 \u0443 \u043c\u0435\u043d\u044f \u0431\u044b\u043b \u043e\u0442\u0441\u0442\u0440\u043e\u0435\u043d <strong>\u0442\u0438\u0434\u0438C<\/strong>-PDF: \u0440\u043e\u0432\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442, \u0440\u043e\u0432\u043d\u044b\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b, \u0432\u0441\u0451 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442. \u041d\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u00ab\u0431\u0443\u0445\u0433\u0430\u043b\u0442\u0435\u0440\u0441\u043a\u0438\u0439 \u043e\u0442\u0447\u0451\u0442\u00bb. \u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0431\u044b \u043f\u043b\u044e\u043d\u0443\u043b.<\/p>\n<p>\u0412 v1.4 \u044f \u0437\u0430\u043a\u0440\u044b\u043b \u044d\u0442\u043e\u0442 \u0433\u044d\u043f \u0448\u0435\u0441\u0442\u044c\u044e \u0444\u0438\u0447\u0430\u043c\u0438:<\/p>\n<h4>1. Column spans<\/h4>\n<p>\u041e\u0434\u043d\u0430 \u044f\u0447\u0435\u0439\u043a\u0430 \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u043b\u043e\u043d\u043e\u043a:<\/p>\n<pre><code class=\"java\">.rowCells(    DocumentTableCell.text(\"Total\").colSpan(3)            .withStyle(DocumentTableStyle.builder()                    .fillColor(DocumentColor.LIGHT_GRAY)                    .build()),    DocumentTableCell.text(\"$200.00\"));<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p><code>TableLayoutSupport<\/code> \u0432\u0430\u043b\u0438\u0434\u0438\u0440\u0443\u0435\u0442, \u0447\u0442\u043e <code>sum(colSpan) == columnCount<\/code> \u0432 \u0441\u0442\u0440\u043e\u043a\u0435, \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u043b\u0438\u0448\u043d\u044e\u044e \u0448\u0438\u0440\u0438\u043d\u0443 \u043f\u043e <code>auto<\/code>-\u043a\u043e\u043b\u043e\u043d\u043a\u0430\u043c \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043f\u0430\u043d\u0430, \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u043d\u043e\u0441\u0442\u044c border-ownership. \u0421\u043f\u0430\u043d-\u044f\u0447\u0435\u0439\u043a\u0430 \u044d\u043c\u0438\u0442\u0438\u0442 <strong>\u043e\u0434\u0438\u043d<\/strong> <code>TableResolvedCell<\/code> \u2014 \u0440\u0435\u043d\u0434\u0435\u0440\u0435\u0440\u0443 \u043d\u0438\u0447\u0435\u0433\u043e \u043c\u0435\u043d\u044f\u0442\u044c \u043d\u0435 \u043d\u0430\u0434\u043e.<\/p>\n<h4>2. Layer stacks (overlay primitive)<\/h4>\n<p>\u041e\u043f\u0438\u0441\u0430\u043d\u043e \u0432\u044b\u0448\u0435. \u0414\u0435\u0432\u044f\u0442\u044c <code>LayerAlign<\/code> \u2014 \u0447\u0435\u0442\u044b\u0440\u0435 \u0443\u0433\u043b\u0430, \u0447\u0435\u0442\u044b\u0440\u0435 \u0441\u0442\u043e\u0440\u043e\u043d\u044b, \u0446\u0435\u043d\u0442\u0440. Hero-\u0431\u043b\u043e\u043a\u0438, \u0432\u043e\u0434\u044f\u043d\u044b\u0435 \u0437\u043d\u0430\u043a\u0438, \u0431\u044d\u0439\u0434\u0436\u0438 \u0432 \u0443\u0433\u043b\u0443 \u2014 \u0432\u0441\u0451 \u043d\u0430 \u044d\u0442\u043e\u043c \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u0435.<\/p>\n<h4>3. Page \u0438 section backgrounds<\/h4>\n<pre><code class=\"java\">GraphCompose.document(Path.of(\"proposal.pdf\"))        .pageBackground(new Color(252, 248, 240))  \/\/ \u043a\u0440\u0435\u043c\u043e\u0432\u0430\u044f \u0431\u0443\u043c\u0430\u0433\u0430        .create();<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041e\u0434\u0438\u043d \u0441\u0435\u0442\u0442\u0435\u0440. \u0412\u043d\u0443\u0442\u0440\u0438 \u2014 \u0438\u043d\u0436\u0435\u043a\u0442 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u0430 \u0432 \u043d\u0430\u0447\u0430\u043b\u043e \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. PDF-\u0431\u044d\u043a\u0435\u043d\u0434 \u043d\u0435 \u0442\u0440\u043e\u043d\u0443\u0442.<\/p>\n<p>\u0414\u043b\u044f \u0441\u0435\u043a\u0446\u0438\u0439 \u2014 \u043f\u0440\u0435\u0441\u0435\u0442\u044b \u0432 <code>AbstractFlowBuilder<\/code>:<\/p>\n<pre><code class=\"java\">section    .band(navy)                    \/\/ \u043f\u043e\u043b\u043d\u043e\u0448\u0438\u0440\u0438\u043d\u043d\u044b\u0439 \u0446\u0432\u0435\u0442\u043d\u043e\u0439 \u0431\u0430\u043d\u043d\u0435\u0440    .softPanel(palePink)           \/\/ fill + 8pt corner radius + 12pt padding    .accentLeft(navy, 4)           \/\/ \u0430\u043a\u0446\u0435\u043d\u0442\u043d\u0430\u044f \u043f\u043e\u043b\u043e\u0441\u0430 \u0441\u043b\u0435\u0432\u0430    .accentBottom(navy, 2);        \/\/ \u043b\u0438\u043d\u0435\u0439\u043a\u0430 \u0441\u043d\u0438\u0437\u0443 \u043f\u043e\u0434 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<h4>4. Rich-text DSL<\/h4>\n<p>\u0421\u043c\u0435\u0448\u0430\u043d\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u0432 \u043e\u0434\u043d\u043e\u0439 \u0446\u0435\u043f\u043e\u0447\u043a\u0435:<\/p>\n<pre><code class=\"java\">section.addRich(t -&gt; t    .plain(\"Status: \")    .bold(\"Pending\")    .plain(\" \u2014 last review on \")    .accent(\"Mar 14\", brandBlue));<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0411\u0435\u0437 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0440\u0430\u0437\u0431\u0438\u0432\u0430\u0442\u044c \u043f\u0430\u0440\u0430\u0433\u0440\u0430\u0444 \u0438\u043b\u0438 \u043f\u0440\u044f\u0442\u0430\u0442\u044c \u0442\u0435\u043a\u0441\u0442 \u0432 \u0442\u0430\u0431\u043b\u0438\u0447\u043d\u0443\u044e \u044f\u0447\u0435\u0439\u043a\u0443.<\/p>\n<h4>5. Business themes<\/h4>\n<p>\u041e\u0434\u0438\u043d <code>BusinessTheme<\/code> \u2014 \u044d\u0442\u043e <code>DocumentPalette<\/code> + <code>SpacingScale<\/code> + <code>TextScale<\/code> + <code>TablePreset<\/code> + \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0444\u043e\u043d \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0422\u0440\u0438 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u0435\u0441\u0435\u0442\u0430: <code>classic()<\/code>, <code>modern()<\/code> (\u043a\u0440\u0435\u043c\u043e\u0432\u0430\u044f \u0431\u0443\u043c\u0430\u0433\u0430 + \u0442\u0438\u043b\/\u0437\u043e\u043b\u043e\u0442\u043e), <code>executive()<\/code>.<\/p>\n<p>\u0418\u043d\u0432\u043e\u0439\u0441 \/ \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \/ \u043e\u0442\u0447\u0451\u0442, \u0440\u0435\u043d\u0434\u0435\u0440\u044f\u0449\u0438\u0435\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u043e\u0434\u043d\u0443 \u0442\u0435\u043c\u0443, \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u043a\u0430\u043a <strong>\u043e\u0434\u0438\u043d \u043f\u0440\u043e\u0434\u0443\u043a\u0442<\/strong>, \u0430 \u043d\u0435 \u043a\u0430\u043a \u0442\u0440\u0438 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u0441\u0442\u0438\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430.<\/p>\n<h4>6. Visual regression<\/h4>\n<p>\u041e\u043f\u0438\u0441\u0430\u043d\u0430 \u0432 \u0442\u0440\u0451\u0445\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u043e\u043c \u043f\u0438a\u043ci\u0434\u0435 \u0432\u044b\u0448\u0435.<\/p>\n<hr\/>\n<h3>\u0427\u0442\u043e \u0431\u044b\u043b\u043e \u0441\u043b\u043e\u0436\u043d\u043e: \u0433\u0440\u0430\u0431\u043b\u0438, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u044f \u043f\u043e\u0441\u0442\u043e\u044f\u043b<\/h3>\n<p>\u0420\u0430\u0437 \u0443\u0436 \u044d\u0442\u043e \u0441\u0442\u0430\u0442\u044c\u044f \u043d\u0430 \u0425\u0430\u0431\u0440, \u0442\u043e \u0431\u0435\u0437 \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u00ab\u0433\u0440\u0430\u0431\u043b\u0438\u00bb \u2014 \u043d\u0435\u0441\u0435\u0440\u044c\u0451\u0437\u043d\u043e.<\/p>\n<p><strong>\u0413\u0440\u0430\u0431\u043b\u044f 1: \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f \u0438 <\/strong><code><strong>ContentSize<\/strong><\/code><strong> \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f.<\/strong> \u0423\u0436\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0430 \u0432\u044b\u0448\u0435. \u041a\u043e\u0433\u0434\u0430 \u044f \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0440\u0430\u0437 \u0443\u0432\u0438\u0434\u0435\u043b \u00ab\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043e\u0431\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f, \u043d\u0435 \u0434\u043e\u0445\u043e\u0434\u044f \u0434\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u0440\u0435\u0431\u0451\u043d\u043a\u0430\u00bb \u2014 \u0434\u0432\u0430 \u0434\u043d\u044f \u0434\u0435\u0431\u0430\u0436\u0438\u043b \u0440\u0435\u043d\u0434\u0435\u0440\u0435\u0440. \u041e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u2014 porder \u043e\u0431\u0445\u043e\u0434\u0430. \u0417\u0430\u0444\u0438\u043a\u0441\u0438\u043b \u0447\u0435\u0440\u0435\u0437 <code>LayoutTraversalContext<\/code> \u0438 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u044b\u0439 \u0442\u043e\u043f\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439 walk.<\/p>\n<p><strong>\u0413\u0440\u0430\u0431\u043b\u044f 2: PDFBox \u0434\u0435\u0440\u0436\u0438\u0442 \u0437\u0430 \u0433\u043e\u0440\u043b\u043e <\/strong><code><strong>PDPageContentStream<\/strong><\/code><strong>.<\/strong> \u041a\u0430\u0436\u0434\u043e\u0435 \u0435\u0433\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0435\/\u0437\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u2014 \u0434\u043e\u0440\u043e\u0433\u0430\u044f \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f. \u0418\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u044f \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u043b stream \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u2014 \u043d\u0430 \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445 \u044d\u0442\u043e \u0443\u0431\u0438\u0432\u0430\u043b\u043e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c. \u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u2014 <code>RenderPassSession<\/code>: \u043e\u0434\u043d\u0430 \u0441\u0435\u0441\u0441\u0438\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0430 \u043d\u0430 \u043f\u0440\u043e\u0445\u043e\u0434, <strong>\u043e\u0434\u0438\u043d <\/strong><code><strong>PDPageContentStream<\/strong><\/code><strong> per page<\/strong> \u043d\u0430 \u0432\u0441\u0451 \u0432\u0440\u0435\u043c\u044f \u043f\u0440\u043e\u0445\u043e\u0434\u0430. \u0425\u044d\u043d\u0434\u043b\u0435\u0440\u044b \u043c\u043e\u0433\u0443\u0442 \u043c\u0435\u043d\u044f\u0442\u044c graphics\/text state, \u043d\u043e \u043e\u0431\u044f\u0437\u0430\u043d\u044b \u0435\u0433\u043e \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0434 \u0432\u043e\u0437\u0432\u0440\u0430\u0442\u043e\u043c.<\/p>\n<p><strong>\u0413\u0440\u0430\u0431\u043b\u044f 3: <\/strong><code><strong>Entity.getComponent<\/strong><\/code><strong> \u0438 <\/strong><code><strong>isDebugEnabled<\/strong><\/code><strong>.<\/strong> \u0417\u0430\u043c\u0435\u0440\u044f\u043b \u0447\u0435\u0440\u0435\u0437 JMH-\u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0439 \u043f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0449\u0438\u043a \u2014 \u043d\u0430 \u0433\u043e\u0440\u044f\u0447\u0435\u043c \u043f\u0443\u0442\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442-\u043b\u0443\u043a\u0430\u043f\u043e\u0432 \u0431\u044b\u043b\u043e 5\u20137% \u0432\u0440\u0435\u043c\u0435\u043d\u0438, \u0438 \u044d\u0442\u043e \u0431\u044b\u043b\u0438\u2026 \u043b\u043e\u0433\u0438. \u0414\u0430\u0436\u0435 <strong>guarded<\/strong> <code>if (logger.isDebugEnabled())<\/code> \u0441\u0442\u043e\u0438\u0442 volatile-\u0447\u0442\u0435\u043d\u0438\u044f \u043d\u0430 Logback. \u0423\u0431\u0440\u0430\u043b per-call \u043b\u043e\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 <code>getComponent<\/code> \/ <code>require<\/code> \u2014 \u043f\u043e\u043b\u0443\u0447\u0438\u043b +6% \u0432 \u0441\u0440\u0435\u0434\u043d\u0435\u043c.<\/p>\n<p><strong>\u0413\u0440\u0430\u0431\u043b\u044f 4: comparator allocations.<\/strong> \u0412 <code>PageBreaker.paginationPriority<\/code> \u0441\u0442\u0430\u0440\u044b\u0439 \u043a\u043e\u043c\u043f\u0430\u0440\u0430\u0442\u043e\u0440 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b <code>UUID.toString()<\/code> \u0434\u043b\u044f tie-break. \u042d\u0442\u043e 36-\u0441\u0438\u043c\u0432\u043e\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430 <strong>\u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0435 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0432 priority queue<\/strong>. \u0417\u0430\u043c\u0435\u043d\u0438\u043b \u043d\u0430 <code>UUID.compareTo()<\/code> + \u043f\u0440\u0435\u0434\u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u0435 <code>(y, depth)<\/code> \u043a\u043b\u044e\u0447\u0438 \u2014 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442 \u043e\u0447\u0435\u0440\u0435\u0434\u0438 \u0441\u0442\u0430\u043b\u0430 \u043e\u0449\u0443\u0442\u0438\u043c\u043e \u0431\u044b\u0441\u0442\u0440\u0435\u0435.<\/p>\n<p><strong>\u0413\u0440\u0430\u0431\u043b\u044f 5: \u00ab\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u043e \u043e\u043a, \u043d\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0434\u043d\u043e\u00bb.<\/strong> \u041a\u043e\u0433\u0434\u0430 \u044f \u0434\u0435\u043b\u0430\u043b v1.4, \u044f \u043b\u043e\u0432\u0438\u043b \u0441\u0435\u0431\u044f \u043d\u0430 \u0442\u043e\u043c, \u0447\u0442\u043e layout-\u0441\u043d\u0430\u043f\u0448\u043e\u0442\u044b \u0437\u0435\u043b\u0451\u043d\u044b\u0435, \u0430 \u0440\u0435\u043d\u0434\u0435\u0440 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0444\u0438\u0433\u043e\u0432\u043e (\u043e\u0442\u0441\u0442\u0443\u043f \u0432\u043d\u0443\u0442\u0440\u0438 softPanel \u043f\u0438\u043a\u0441\u0435\u043b\u044c\u043d\u043e \u043e\u0442\u044a\u0435\u0445\u0430\u043b, \u0442\u043e\u043d \u0444\u043e\u043d\u0430 \u043e\u043a\u0430\u0437\u0430\u043b\u0441\u044f \u043d\u0435 \u0442\u043e\u0442). \u042d\u0442\u043e \u0438 \u0441\u0442\u0430\u043b\u043e \u043c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u0435\u0439 \u0434\u043b\u044f <code>PdfVisualRegression<\/code>. \u0422\u0435\u043f\u0435\u0440\u044c \u0443 \u043c\u0435\u043d\u044f \u0432 CI \u043a\u0440\u0443\u0442\u044f\u0442\u0441\u044f PNG-\u0434\u0438\u0444\u0444\u044b \u043d\u0430 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445, \u0438 \u044f \u043c\u043e\u0433\u0443 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u0442\u044c \u0431\u0435\u0437 \u0441\u0442\u0440\u0430\u0445\u0430.<\/p>\n<hr\/>\n<h3>\u041a\u0443\u0434\u0430 \u0434\u0430\u043b\u044c\u0448\u0435<\/h3>\n<p>\u0422\u0435\u043a\u0443\u0449\u0438\u0439 \u0440\u0435\u043b\u0438\u0437 \u2014 <strong>v1.4.1<\/strong>. Roadmap:<\/p>\n<ul>\n<li>\n<p><code>[ ]<\/code> table row spans (vertical merging)<\/p>\n<\/li>\n<li>\n<p><code>[ ]<\/code> header repeat on page break + zebra rows + total row \u043f\u0440\u0435\u0441\u0435\u0442\u044b \u0432 <code>TablePreset<\/code><\/p>\n<\/li>\n<li>\n<p><code>[ ]<\/code> anchored overlay \u043f\u043e\u0437\u0438\u0446\u0438\u0438 (<code>position(x, y)<\/code> \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043b\u043e\u044f)<\/p>\n<\/li>\n<li>\n<p><code>[ ]<\/code> Maven Central \u0440\u0435\u043b\u0438\u0437 (\u0441\u0435\u0439\u0447\u0430\u0441 \u0436\u0438\u0432\u0451\u0442 \u0447\u0435\u0440\u0435\u0437 JitPack)<\/p>\n<\/li>\n<li>\n<p><code>[ ]<\/code> \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0439 PPTX export (v1.3 \u0443\u0436\u0435 \u0434\u0430\u0451\u0442 manifest skeleton)<\/p>\n<\/li>\n<\/ul>\n<p>\u0415\u0449\u0451 \u0445\u043e\u0447\u0443 \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e \u043f\u0440\u043e <strong>\u0441\u043d\u0430\u043f\u0448\u043e\u0442-\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/strong> \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e: \u043a\u0430\u043a \u044f \u0432\u044b\u0431\u0438\u0440\u0430\u043b \u0444\u043e\u0440\u043c\u0430\u0442 \u0437\u043e\u043b\u043e\u0442\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 (JSON vs YAML vs custom DSL), \u043a\u0430\u043a \u043e\u0431\u0445\u043e\u0434\u0438\u043b \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441 \u043f\u043e\u0440\u044f\u0434\u043a\u043e\u043c \u043a\u043b\u044e\u0447\u0435\u0439 \u0438 floating-point \u0434\u0440\u0435\u0439\u0444\u043e\u043c \u0432 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u0445, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u043b approve-mode \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u043e\u043d \u043d\u0435 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u043b\u0441\u044f \u0432 \u00abgit add \u0432\u0441\u0435\u0445 baselines, \u0447\u0442\u043e-\u0442\u043e \u043f\u043e\u043c\u0435\u043d\u044f\u043b\u043e\u0441\u044c\u00bb.<\/p>\n<hr\/>\n<h3>\u0413\u0434\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c<\/h3>\n<ul>\n<li>\n<p><strong>\u0418\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438:<\/strong> <a href=\"https:\/\/github.com\/DemchaAV\/GraphCompose\" rel=\"noopener noreferrer nofollow\"><code>https:\/\/github.com\/DemchaAV\/GraphCompose<\/code><\/a><\/p>\n<\/li>\n<li>\n<p><strong>Maven \u0447\u0435\u0440\u0435\u0437 JitPack:<\/strong><\/p>\n<pre><code class=\"xml\">&lt;dependency&gt;    &lt;groupId&gt;com.github.DemchaAV&lt;\/groupId&gt;    &lt;artifactId&gt;GraphCompose&lt;\/artifactId&gt;    &lt;version&gt;v1.4.1&lt;\/version&gt;&lt;\/dependency&gt;<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<\/li>\n<li>\n<p><strong>\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u0432 \u0440\u0435\u043f\u043e:<\/strong> <code>docs\/<\/code><a href=\"http:\/\/architecture.md\" rel=\"noopener noreferrer nofollow\"><code>architecture.md<\/code><\/a>, <code>docs\/<\/code><a href=\"http:\/\/lifecycle.md\" rel=\"noopener noreferrer nofollow\"><code>lifecycle.md<\/code><\/a>, <code>docs\/<\/code><a href=\"http:\/\/pagination-ordering.md\" rel=\"noopener noreferrer nofollow\"><code>pagination-ordering.md<\/code><\/a>, <code>docs\/<\/code><a href=\"http:\/\/benchmarks.md\" rel=\"noopener noreferrer nofollow\"><code>benchmarks.md<\/code><\/a>.<\/p>\n<\/li>\n<li>\n<p><strong>Runnable \u043f\u0440\u0438\u043c\u0435\u0440\u044b:<\/strong> \u0432 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438 \u0435\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c <code>examples\/<\/code> \u2014 \u0442\u0430\u043c CV, cover letter, \u0438\u043d\u0432\u043e\u0439\u0441, \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435, <strong>cinematic<\/strong> \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043d\u0435\u0434\u0435\u043b\u044c\u043d\u043e\u0435 \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435, module-first \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442. \u041e\u0434\u0438\u043d Java-\u0444\u0430\u0439\u043b \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u0438\u043a\u0430\u043a\u043e\u0433\u043e XML.<\/p>\n<pre><code class=\"bash\">.\/mvnw -f examples\/pom.xml clean package.\/mvnw -f examples\/pom.xml exec:java \\    -Dexec.mainClass=com.demcha.examples.GenerateAllExamples<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041a\u0430\u0436\u0434\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u043f\u0438\u0448\u0435\u0442 PDF \u0432 <code>examples\/build\/<\/code>.<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h3>\u0418\u0442\u043e\u0433\u043e: \u0437\u0430\u0434\u0443\u043c\u043a\u0430<\/h3>\n<p>\u042f \u0445\u043e\u0442\u0435\u043b \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f:<\/p>\n<ol>\n<li>\n<p><strong>\u041e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0447\u0435\u0440\u0435\u0437 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u043a\u0443<\/strong>, \u0430 \u043d\u0435 \u0447\u0435\u0440\u0435\u0437 \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u0435. \u041a\u043e\u0434 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0434\u043e\u043b\u0436\u0435\u043d \u0447\u0438\u0442\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430.<\/p>\n<\/li>\n<li>\n<p><strong>\u0422\u0435\u0441\u0442\u0438\u0440\u0443\u0435\u0442 layout \u0434\u043e \u0440\u0435\u043d\u0434\u0435\u0440\u0430.<\/strong> \u0421\u043d\u0430\u043f\u0448\u043e\u0442\u044b, \u043a\u0430\u043a \u0432 \u0444\u0440\u043e\u043d\u0442\u0435. \u0420\u0435\u0433\u0440\u0435\u0441\u0441\u0438\u0438 \u043b\u043e\u0432\u044f\u0442\u0441\u044f \u0432 JSON-\u0434\u0438\u0444\u0444\u0435, \u0430 \u043d\u0435 \u0432 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u043c \u043a\u043e\u0434-\u0440\u0435\u0432\u044c\u044e.<\/p>\n<\/li>\n<li>\n<p><strong>\u041e\u0434\u0438\u043d \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u2014 \u043c\u043d\u043e\u0433\u043e \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u0432.<\/strong> PDF \u0441\u0435\u0433\u043e\u0434\u043d\u044f, DOCX \u0432\u0447\u0435\u0440\u0430-\u0441\u0435\u0433\u043e\u0434\u043d\u044f (\u0443\u0436\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442), PPTX\/HTML \u0437\u0430\u0432\u0442\u0440\u0430. \u0411\u0435\u0437 \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u044b\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u043a\u043e\u0434\u0430.<\/p>\n<\/li>\n<li>\n<p><strong>\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442 PDF, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435 \u0441\u0442\u044b\u0434\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0443.<\/strong> Layer-\u0441\u0442\u0435\u043a\u0438, \u0444\u043e\u043d\u044b, \u0442\u0435\u043c\u044b, rich-text \u2014 first-class, \u043d\u0435 workaround-\u044b.<\/p>\n<\/li>\n<li>\n<p><strong>\u041d\u0435 \u0442\u043e\u0440\u043c\u043e\u0437\u0438\u0442.<\/strong> ~2 \u043c\u0441 \u043d\u0430 \u0438\u043d\u0432\u043e\u0439\u0441, 11k+ doc\/sec \u043d\u0430 16 \u043f\u043e\u0442\u043e\u043a\u0430\u0445, \u043d\u043e\u043b\u044c \u043f\u0430\u0434\u0435\u043d\u0438\u0439 \u0432 \u0441\u0442\u0440\u0435\u0441\u0441-\u0442\u0435\u0441\u0442\u0435.<\/p>\n<\/li>\n<\/ol>\n<p>\u0418 \u2014 \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u2014 <strong>\u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0430 \u043d\u0430 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u0438\u0434\u0435\u044f\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432 Java-PDF-\u043c\u0438\u0440\u0435 \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b<\/strong>: ECS \u0438\u0437 \u0433\u0435\u0439\u043c\u0434\u0435\u0432\u0430, declarative-DSL \u0438\u0437 Compose\/SwiftUI, snapshot-tests \u0438\u0437 \u0444\u0440\u043e\u043d\u0442\u0430.<\/p>\n<p>\u042d\u0442\u0438 \u0442\u0440\u0438 \u0438\u0434\u0435\u0438, \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0432 \u043e\u0434\u043d\u0443 \u0442\u043e\u0447\u043a\u0443, \u0434\u0430\u044e\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043d\u0435\u0442\u0440\u0438\u0432\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0444\u0438\u043b\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u044d\u0442\u0443 \u0441\u0442\u0430\u0442\u044c\u044e: \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u2014 \u044d\u0442\u043e \u043d\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u00ab\u043b\u0438\u0431\u043e \u0440\u0438\u0441\u0443\u0439 \u043f\u0438\u043a\u0441\u0435\u043b\u0438, \u043b\u0438\u0431\u043e \u043f\u0438\u0448\u0438 XML\u00bb. \u041c\u043e\u0436\u043d\u043e \u043f\u043e-\u0434\u0440\u0443\u0433\u043e\u043c\u0443.<\/p>\n<p>\u0421\u043f\u0430\u0441\u0438\u0431\u043e, \u0447\u0442\u043e \u0434\u043e\u0447\u0438\u0442\u0430\u043b\u0438. \u0412\u043e\u043f\u0440\u043e\u0441\u044b \u0438 \u043a\u0440\u0438\u0442\u0438\u043a\u0443 \u2014 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u044b.<\/p>\n<\/div>\n<p>\u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/1030796\/\">https:\/\/habr.com\/ru\/articles\/1030796\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0421 \u0447\u0435\u0433\u043e \u0432\u0441\u0451 \u043d\u0430\u0447\u0430\u043b\u043e\u0441\u044c: \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0435\u0441\u0438\u043b\u0430\u0412 \u043c\u0438\u0440\u0435 Java \u0434\u043b\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 PDF \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438 \u0435\u0441\u0442\u044c \u0442\u0440\u0438 \u043b\u0430\u0433\u0435\u0440\u044f:\u041d\u0438\u0437\u043a\u043e\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u0435 \u0440\u0438\u0441\u043e\u0432\u0430\u043b\u043a\u0438 \u2014 iText, PDFBox. \u0411\u044b\u0441\u0442\u0440\u043e, \u043c\u043e\u0449\u043d\u043e, \u043d\u043e \u0442\u044b \u0431\u0443\u043a\u0432\u0430\u043b\u044c\u043d\u043e \u043f\u0438\u0448\u0435\u0448\u044c \u043d\u0430 \u0431\u0443\u043c\u0430\u0433\u0435 \u043f\u0438\u043a\u0441\u0435\u043b\u0438 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u043c\u0438. \u041b\u044e\u0431\u043e\u0439 \u0438\u043d\u0432\u043e\u0439\u0441 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 200 \u0441\u0442\u0440\u043e\u043a contentStream.beginText() \/ setFont() \/ newLineAtOffset(&#8230;). \u0410 \u043f\u043e\u0442\u043e\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0438 \u0433\u043e\u0432\u043e\u0440\u0438\u0442: \u00ab\u043e\u0442\u0441\u0442\u0443\u043f \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c 14, \u0430 \u043d\u0435 12\u00bb.\u0428\u0430\u0431\u043b\u043e\u043d\u043d\u044b\u0435 \u0434\u0432\u0438\u0436\u043a\u0438 \u2014 JasperReports, OpenPDF. \u0423\u0434\u043e\u0431\u043d\u043e \u0434\u043b\u044f \u043e\u0442\u0447\u0451\u0442\u043e\u0432, \u043d\u043e XML-\u0448\u0430\u0431\u043b\u043e\u043d \u2014 \u044d\u0442\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u044f\u0437\u044b\u043a, \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439, \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0431\u043e\u043b\u044c \u043d\u0430 \u0440\u0435\u0432\u044c\u044e. \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043b\u043e\u0433\u0438\u043a\u0438 \u0440\u0430\u0441\u0442\u0435\u043a\u0430\u044e\u0442\u0441\u044f \u043c\u0435\u0436\u0434\u0443 Java-\u043a\u043e\u0434\u043e\u043c, JRXML \u0438 DTO.HTML\u2192PDF \u2014 Flying Saucer, OpenHtmlToPdf. \u0412\u043d\u0435\u0448\u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e, \u043d\u043e \u043b\u044e\u0431\u043e\u0439 \u043d\u0435\u0442\u0440\u0438\u0432\u0438\u0430\u043b\u044c\u043d\u044b\u0439 layout \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u0431\u043e\u0440\u044c\u0431\u0443 \u0441 CSS-\u0434\u0432\u0438\u0436\u043a\u043e\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u043e \u043f\u0435\u0447\u0430\u0442\u043d\u044b\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0437\u043d\u0430\u0435\u0442 \u043c\u0430\u043b\u043e.\u041c\u0435\u043d\u044f \u0431\u0435\u0441\u0438\u043b\u043e, \u0447\u0442\u043e \u0432 \u043a\u0430\u0436\u0434\u043e\u043c \u0438\u0437 \u044d\u0442\u0438\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432 \u0438\u0441\u0447\u0435\u0437\u0430\u0435\u0442 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u043a\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430. PDF \u2014 \u044d\u0442\u043e \u043f\u043b\u043e\u0441\u043a\u0438\u0439 \u043f\u043e\u0442\u043e\u043a \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u043e\u0432 \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f. \u0428\u0430\u0431\u043b\u043e\u043d \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e XML. HTML \u2014 \u044d\u0442\u043e \u0432\u0451\u0440\u0441\u0442\u043a\u0430 \u043f\u043e\u0434 \u044d\u043a\u0440\u0430\u043d.\u0410 \u0432\u0435\u0434\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u2014 \u044d\u0442\u043e \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u043a\u0430: \u00ab\u0432\u043e\u0442 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a, \u0432\u043e\u0442 \u0441\u0435\u043a\u0446\u0438\u044f, \u0432\u043e\u0442 \u0441\u0442\u0440\u043e\u043a\u0430 \u0442\u0430\u0431\u043b\u0438\u0446\u044b, \u0432\u043e\u0442 \u0438\u0442\u043e\u0433\u043e\u0432\u0430\u044f \u044f\u0447\u0435\u0439\u043a\u0430\u00bb. \u042d\u0442\u0443 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u043a\u0443 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u043f\u0438\u0441\u0430\u0442\u044c \u043f\u0440\u044f\u043c\u043e \u0432 Java, \u0431\u0435\u0437 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u043d\u043e\u0433\u043e \u0441\u043b\u043e\u044f, \u0431\u0435\u0437 XML, \u0431\u0435\u0437 CSS, \u0438 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0447\u0442\u043e\u0431\u044b \u0435\u0451 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c \u0432\u043e \u0447\u0442\u043e \u0443\u0433\u043e\u0434\u043d\u043e \u2014 \u0441\u0435\u0433\u043e\u0434\u043d\u044f PDF, \u0437\u0430\u0432\u0442\u0440\u0430 DOCX, \u043f\u043e\u0441\u043b\u0435\u0437\u0430\u0432\u0442\u0440\u0430 PPTX.\u0422\u0430\u043a \u043f\u043e\u044f\u0432\u0438\u043b\u0441\u044f GraphCompose.\u0418\u0434\u0435\u044f: \u00abauthor intent, not coordinates\u00bb\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u043f\u0440\u0438\u043d\u0446\u0438\u043f GraphCompose: \u043a\u043e\u0434 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u043d\u0430\u043c\u0435\u0440\u0435\u043d\u0438\u0435 \u0430\u0432\u0442\u043e\u0440\u0430, \u0434\u0432\u0438\u0436\u043e\u043a \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0435\u0439.\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0438\u0437 README:try (DocumentSession document = GraphCompose.document(Path.of(&#171;output.pdf&#187;))        .pageSize(DocumentPageSize.A4)        .margin(24, 24, 24, 24)        .create()) {    document.pageFlow(page -&gt; page            .module(&#171;Summary&#187;, module -&gt; module.paragraph(&#171;Hello GraphCompose&#187;)));    document.buildPdf();}\u0417\u0434\u0435\u0441\u044c \u043d\u0435\u0442 \u043d\u0438 \u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b. \u042f \u043d\u0435 \u0441\u0447\u0438\u0442\u0430\u044e, \u0433\u0434\u0435 \u0443 \u043c\u0435\u043d\u044f \u043a\u043e\u043d\u0447\u0430\u0435\u0442\u0441\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u043f\u0430\u0440\u0430\u0433\u0440\u0430\u0444. \u042f \u043d\u0435 \u043f\u0430\u0433\u0438\u043d\u0438\u0440\u0443\u044e \u0432\u0440\u0443\u0447\u043d\u0443\u044e. \u042f \u043f\u0440\u043e\u0441\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u044e: \u00ab\u0432\u043e\u0442 \u043c\u043e\u0434\u0443\u043b\u044c \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c Summary, \u0432 \u043d\u0451\u043c \u0430\u0431\u0437\u0430\u0446\u00bb.\u0414\u0430\u043b\u044c\u0448\u0435 \u0434\u0432\u0438\u0436\u043e\u043a:\u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0443\u0437\u043b\u044b (DocumentNode \u2014 \u043c\u043e\u0434\u0443\u043b\u0438, \u0441\u0435\u043a\u0446\u0438\u0438, \u043f\u0430\u0440\u0430\u0433\u0440\u0430\u0444\u044b, \u0442\u0430\u0431\u043b\u0438\u0446\u044b, \u0441\u0442\u0440\u043e\u043a\u0438, \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f, \u0434\u0438\u0432\u0430\u0439\u0434\u0435\u0440\u044b, page-break-\u044b, \u0441\u043b\u043e\u0438-\u0441\u0442\u0435\u043a\u0438),\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442 \u0438\u0445 \u0432 layout-\u0433\u0440\u0430\u0444 (DocumentSession.layoutGraph()),\u043f\u0430\u0433\u0438\u043d\u0438\u0440\u0443\u0435\u0442 \u043f\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c, \u0437\u0430\u0434\u0430\u043d\u043d\u044b\u043c \u0432 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0438 \u0443\u0437\u043b\u0430 (NodeDefinition),\u043e\u0442\u0434\u0430\u0451\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u043c\u0443 \u0431\u044d\u043a\u0435\u043d\u0434\u0443 (PDF \u0447\u0435\u0440\u0435\u0437 PDFBox, \u0438\u043b\u0438 DOCX \u0447\u0435\u0440\u0435\u0437 Apache POI).\u042d\u0442\u043e \u0442\u043e\u0442 \u0436\u0435 \u043f\u043e\u0434\u0445\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 UI-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438: Jetpack Compose, SwiftUI, React. \u0422\u044b \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0448\u044c \u0434\u0435\u0440\u0435\u0432\u043e, \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0435\u0433\u043e \u0438\u0437\u043c\u0435\u0440\u044f\u0435\u0442, \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0435\u0442 \u0438 \u0440\u0438\u0441\u0443\u0435\u0442. \u0422\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0451\u043d\u043d\u044b\u0439 \u043a \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u043c, \u0430 \u043d\u0435 \u043a \u044d\u043a\u0440\u0430\u043d\u0430\u043c.\u041f\u0440\u0438\u043a\u043e\u043b \u21161: ECS \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c\u0421\u0430\u043c\u0430\u044f \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u2014 \u0432\u043d\u0443\u0442\u0440\u0438 GraphCompose \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 Entity-Component-System \u0432 \u0441\u0442\u0438\u043b\u0435 \u0438\u0433\u0440\u043e\u0432\u044b\u0445 \u0434\u0432\u0438\u0436\u043a\u043e\u0432.src\/main\/java\/com\/demcha\/compose\/engine\/\u251c\u2500\u2500 core\/\u2502   \u251c\u2500\u2500 EntityManager.java        \/\/ \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439\u2502   \u251c\u2500\u2500 SystemECS.java            \/\/ \u0431\u0430\u0437\u043e\u0432\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0441\u0438\u0441\u0442\u0435\u043c\u044b\u2502   \u251c\u2500\u2500 SystemRegistry.java       \/\/ \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u2502   \u251c\u2500\u2500 Canvas.java               \/\/ \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u2502   \u2514\u2500\u2500 LayoutTraversalContext.java\u251c\u2500\u2500 components\/                   \/\/ \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b (Placement, ContentSize, Padding\u2026)\u251c\u2500\u2500 layout\/                       \/\/ \u0441\u0438\u0441\u0442\u0435\u043c\u044b layout\u251c\u2500\u2500 pagination\/                   \/\/ \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438\u2514\u2500\u2500 render\/                       \/\/ \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0440\u0435\u043d\u0434\u0435\u0440\u0430\u041a\u043e\u0433\u0434\u0430 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0443\u0437\u0435\u043b \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0432 \u0434\u0432\u0438\u0436\u043e\u043a, \u043e\u043d \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 Entity \u2014 \u0433\u043e\u043b\u044b\u0439 ID. \u041a \u044d\u0442\u043e\u043c\u0443 ID \u043f\u0440\u0438\u0432\u044f\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b: Placement (\u0433\u0434\u0435?), ContentSize (\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442?), Padding, Margin, render-\u043c\u0430\u0440\u043a\u0435\u0440\u044b. \u041d\u0430\u0434 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0441\u0438\u0441\u0442\u0435\u043c\u044b: LayoutSystem \u0441\u0447\u0438\u0442\u0430\u0435\u0442 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u044e, PaginationSystem \u0440\u0435\u0436\u0435\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, RenderingSystem \u0434\u0451\u0440\u0433\u0430\u0435\u0442 \u0431\u044d\u043a\u0435\u043d\u0434 \u0434\u043b\u044f \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438.\u0417\u0430\u0447\u0435\u043c \u044d\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0434\u043b\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432? \u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u0447\u0438\u043d:\u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0432\u043c\u0435\u0441\u0442\u043e \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f. \u041f\u0430\u0440\u0430\u0433\u0440\u0430\u0444 \u0441 \u0433\u0440\u0430\u043d\u0438\u0446\u0435\u0439 \u2014 \u044d\u0442\u043e \u043d\u0435 \u043f\u043e\u0434\u043a\u043b\u0430\u0441\u0441 \u043f\u0430\u0440\u0430\u0433\u0440\u0430\u0444\u0430, \u044d\u0442\u043e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u0441 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438 ParagraphContent + Border + Padding. \u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u043a\u0440\u043e\u0441\u0441-\u0440\u0435\u0436\u0443\u0449\u0438\u0439 \u0430\u0441\u043f\u0435\u043a\u0442 \u2014 \u044d\u0442\u043e \u043d\u043e\u0432\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u0430 \u043d\u0435 \u043d\u043e\u0432\u0430\u044f \u0432\u0435\u0442\u043a\u0430 \u0432 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 \u043a\u043b\u0430\u0441\u0441\u043e\u0432.\u0414\u0435\u0448\u0451\u0432\u044b\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438. \u00ab\u0415\u0441\u0442\u044c \u043b\u0438 \u0443 \u044d\u0442\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0440\u0435\u043d\u0434\u0435\u0440-\u043c\u0430\u0440\u043a\u0435\u0440?\u00bb \u2014 entity.hasRender(), O(1).\u0427\u0438\u0441\u0442\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b. EntityRenderOrder \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u043b\u0451\u0433\u043a\u0438\u0435 sort-entries \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u043b\u043e\u044f, \u043f\u043e\u0442\u043e\u043c \u0441\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u2014 \u0431\u0435\u0437 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u043a \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c \u0432 \u0433\u043e\u0440\u044f\u0447\u0435\u0439 \u0442\u043e\u0447\u043a\u0435 \u043a\u043e\u043c\u043f\u0430\u0440\u0430\u0442\u043e\u0440\u0430. \u042d\u0442\u043e \u043a\u0440\u0438\u0442\u0438\u0447\u043d\u043e, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e render-order \u043f\u0435\u0440\u0435\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438.\u0420\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u043e\u0441\u0442\u044c. \u0425\u043e\u0442\u0438\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c, \u0441\u043a\u0430\u0436\u0435\u043c, \u044d\u0444\u0444\u0435\u043a\u0442 \u0442\u0435\u043d\u0438? \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 Shadow \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0435\u0433\u043e \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u043d\u0430 render-\u044d\u0442\u0430\u043f\u0435. \u0411\u044d\u043a\u0435\u043d\u0434 \u0440\u0438\u0441\u0443\u0435\u0442 \u0442\u0435\u043d\u044c, \u0435\u0441\u043b\u0438 \u0443 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0435\u0441\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442. \u041d\u0438\u043a\u0430\u043a\u043e\u0439 \u0434\u0432\u0438\u0436\u043e\u043a \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u044b\u0432\u0430\u0442\u044c \u043d\u0435 \u043d\u0430\u0434\u043e.\u041f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044f \u0441\u0430\u043c \u0434\u043e\u043b\u0433\u043e \u043f\u0435\u0440\u0435\u0432\u0430\u0440\u0438\u0432\u0430\u043b. \u0412\u0430\u0448\u0435 \u043b\u044e\u0431\u0438\u043c\u043e\u0435 \u00ab\u0441\u043b\u043e\u0439-\u0441\u0442\u0435\u043a\u00bb (overlay-\u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432):document.add(new LayerStackBuilder()        .name(&#171;Hero&#187;)        .back(heroBackgroundShape)              \/\/ \u0444\u043e\u043d, top-left        .center(heroContent)                    \/\/ \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u043f\u043e \u0446\u0435\u043d\u0442\u0440\u0443        .layer(badge, LayerAlign.TOP_RIGHT)     \/\/ \u0431\u044d\u0439\u0434\u0436 \u0432 \u0443\u0433\u043b\u0443        .build());\u0412\u043d\u0443\u0442\u0440\u0438 \u044d\u0442\u043e \u2014 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u043e\u0441\u044c Axis.STACK \u0432 CompositeLayoutSpec, \u043d\u0430\u0440\u044f\u0434\u0443 \u0441 VERTICAL \u0438 HORIZONTAL. Layout-\u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 \u0434\u043b\u044f STACK \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u0443\u0435\u0442 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0440\u0435\u0431\u0451\u043d\u043a\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 box-\u0430 \u0447\u0435\u0440\u0435\u0437 offset \u0434\u043b\u044f \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e LayerAlign-\u0430, \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0442\u0443 \u0436\u0435 compileNodeInFixedSlot \u043f\u043b\u044e\u043c\u0431\u0438\u043d\u0433, \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0441\u0442\u0440\u043e\u043a\u0438.\u0422\u043e \u0435\u0441\u0442\u044c \u043d\u0438\u043a\u0430\u043a\u043e\u0433\u043e \u043d\u043e\u0432\u043e\u0433\u043e \u0440\u0435\u043d\u0434\u0435\u0440-\u043a\u043e\u0434\u0430 \u043d\u0435 \u0431\u044b\u043b\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u0432\u043e\u043e\u0431\u0449\u0435. Layer-\u0441\u0442\u0435\u043a \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u043e\u0432\u0430\u044f \u0440\u0430\u0441\u043a\u043b\u0430\u0434\u043a\u0430 \u043d\u0430\u0434 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u043c\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c\u0438. \u042d\u0442\u043e \u0438 \u0435\u0441\u0442\u044c \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e ECS: \u043d\u043e\u0432\u044b\u0439 layout-\u0440\u0435\u0436\u0438\u043c \u0441\u0442\u043e\u0438\u0442 \u0434\u0451\u0448\u0435\u0432\u043e, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0432\u0441\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0443\u0436\u0435 \u0435\u0441\u0442\u044c.\u041f\u0440\u0438\u043a\u043e\u043b \u21162: Layout \u0438 \u0440\u0435\u043d\u0434\u0435\u0440 \u2014 \u044d\u0442\u043e \u0434\u0432\u0430 \u043f\u0440\u043e\u0445\u043e\u0434\u0430\u0412\u0442\u043e\u0440\u0430\u044f \u043a\u043b\u044e\u0447\u0435\u0432\u0430\u044f \u0438\u0434\u0435\u044f \u2014 \u0434\u0432\u0430 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0445 \u043f\u0440\u043e\u0445\u043e\u0434\u0430:GraphCompose.document(&#8230;)  \u2192 DocumentSession (\u043c\u0443\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u0430\u044f, \u043d\u0435 thread-safe, \u043e\u0434\u043d\u0430 \u043d\u0430 \u0437\u0430\u043f\u0440\u043e\u0441)  \u2192 DocumentDsl \/ template compose  \u2192 semantic nodes  \u2192 layout graph              \u2190 \u041f\u0420\u041e\u0425\u041e\u0414 1  \u2192 layout snapshot or render \u2190 \u041f\u0420\u041e\u0425\u041e\u0414 2  \u2192 PDF stream\/bytes\/fileDocumentSession.layoutGraph() \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0443\u0437\u043b\u044b \u0432 \u0434\u0435\u0442\u0435\u0440\u043c\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 layout-\u0433\u0440\u0430\u0444: \u0438\u0437\u043c\u0435\u0440\u044f\u0435\u0442, \u043f\u0430\u0433\u0438\u043d\u0438\u0440\u0443\u0435\u0442, \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0435\u0442. \u041d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435 \u2014 resolved fragments \u0441 \u0443\u0436\u0435 \u043f\u043e\u0441\u0447\u0438\u0442\u0430\u043d\u043d\u044b\u043c\u0438 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u043c\u0438.DocumentSession.writePdf(&#8230;) \u0431\u0435\u0440\u0451\u0442 \u044d\u0442\u0438 resolved fragments \u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u0445 \u0440\u0438\u0441\u0443\u0435\u0442 \u0447\u0435\u0440\u0435\u0437 PdfFixedLayoutBackend.\u0417\u0432\u0443\u0447\u0438\u0442 \u0431\u0430\u043d\u0430\u043b\u044c\u043d\u043e, \u043d\u043e \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u0440\u0430\u0441\u0445\u043e\u0434\u0430 \u043d\u043e\u0436\u043d\u0438\u0446\u0430\u043c\u0438 \u0432\u044b\u0442\u0435\u043a\u0430\u044e\u0442 \u043e\u0447\u0435\u043d\u044c \u043a\u043b\u0430\u0441\u0441\u043d\u044b\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430:a) \u0421\u043d\u0430\u043f\u0448\u043e\u0442-\u0442\u0435\u0441\u0442\u044b \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430DocumentSession.layoutSnapshot() \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0435\u0442 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u044e \u0438\u0437 \u0442\u043e\u0433\u043e \u0436\u0435 layout-\u0433\u0440\u0430\u0444\u0430, \u0434\u043e \u0440\u0435\u043d\u0434\u0435\u0440\u0430. \u0421\u043d\u0430\u043f\u0448\u043e\u0442\u044b \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u044b \u043c\u0435\u0436\u0434\u0443 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u043c\u0438 \u0438 \u043c\u0430\u0448\u0438\u043d\u0430\u043c\u0438 \u2014 \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0432 layout-\u043f\u0440\u043e\u0445\u043e\u0434\u0435 \u043d\u0435\u0442 \u043d\u0438\u0447\u0435\u0433\u043e, \u0447\u0442\u043e \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f PDFBox.LayoutSnapshotAssertions.assertThat(document.layoutSnapshot())        .matchesGoldenFile(&#171;invoice-overview-layout.json&#187;);\u042d\u0442\u043e \u0442\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435, \u0447\u0442\u043e \u0441\u043d\u0430\u043f\u0448\u043e\u0442-\u0442\u0435\u0441\u0442\u044b \u0432 React\/Jest \u0438\u043b\u0438 Compose UI: \u0442\u044b \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u0448\u044c \u0434\u0435\u0440\u0435\u0432\u043e \u0441 \u0440\u0430\u043d\u0435\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0451\u043d\u043d\u044b\u043c \u00ab\u0437\u043e\u043b\u043e\u0442\u044b\u043c\u00bb \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u043c \u0438 \u043b\u043e\u0432\u0438\u0448\u044c \u0440\u0435\u0433\u0440\u0435\u0441\u0441\u0438\u0438 \u0434\u043e \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u043a\u0442\u043e-\u0442\u043e \u0443\u0432\u0438\u0434\u0438\u0442 \u0431\u0430\u0433 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e.b) \u0411\u044d\u043a\u0435\u043d\u0434-\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u044cPDF-\u0431\u044d\u043a\u0435\u043d\u0434 \u0447\u0435\u0440\u0435\u0437 PDFBox \u2014 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043f\u0443\u0442\u044c. DOCX-\u0431\u044d\u043a\u0435\u043d\u0434 \u0447\u0435\u0440\u0435\u0437 Apache POI \u2014 \u0440\u0430\u0431\u043e\u0447\u0438\u0439, \u043e\u0442\u0434\u0430\u0451\u0442 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0439 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c\u044b\u0439 \u0444\u0430\u0439\u043b (\u0430 \u043d\u0435 \u00abPDF, \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0432 .docx\u00bb). \u0414\u043b\u044f \u0431\u0443\u0434\u0443\u0449\u0438\u0445 PPTX \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u0444\u043e\u0440\u043c\u0430\u0442\u043e\u0432 \u043d\u0443\u0436\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c FixedLayoutBackend&lt;R&gt; \u0438\u043b\u0438 SemanticBackend \u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043b\u044f\u0442\u044c \u0442\u043e\u0442 \u0436\u0435 LayoutGraph. \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043a\u043e\u0434 \u043d\u0435 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f.c) Page-background, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u0437\u0430\u043c\u0435\u0442\u0438\u043b\u041a\u043e\u0433\u0434\u0430 \u044f \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u043b \u0432 v1.4 \u0444\u043e\u043d \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438 \u0431\u044d\u043a\u0433\u0440\u0430\u0443\u043d\u0434\u044b \u0441\u0435\u043a\u0446\u0438\u0439, \u044f \u043e\u0436\u0438\u0434\u0430\u043b, \u0447\u0442\u043e \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u043f\u0440\u0430\u0432\u0438\u0442\u044c PDF-\u0440\u0435\u043d\u0434\u0435\u0440\u0435\u0440. \u041d\u0435 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c.DocumentSession.layoutGraph() \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 compiler.compile(&#8230;) \u0432 withPageBackgrounds(&#8230;). \u042d\u0442\u0430 \u043e\u0431\u0451\u0440\u0442\u043a\u0430 \u0438\u043d\u0436\u0435\u043a\u0442\u0438\u0442 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 ShapeFragmentPayload \u0432 \u043d\u0430\u0447\u0430\u043b\u043e \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u2014 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0448\u0435\u0439\u043f, \u043a\u0430\u043a \u0435\u0441\u043b\u0438 \u0431\u044b \u0432\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a \u0440\u0443\u043a\u0430\u043c\u0438. PDF-\u0440\u0435\u043d\u0434\u0435\u0440\u0435\u0440 \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u0442\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u044b, \u0435\u0433\u043e \u044d\u0442\u043e \u043d\u0435 \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f.\u042d\u0442\u043e \u0438 \u0435\u0441\u0442\u044c \u00ab\u0431\u044d\u043a\u0435\u043d\u0434\u044b \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0437\u043d\u0430\u0442\u044c \u043f\u0440\u043e \u043e\u043f\u0446\u0438\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u00bb \u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438.\u041f\u0440\u0438\u043a\u043e\u043b \u21163: \u0410\u0442\u043e\u043c\u0430\u0440\u043d\u0430\u044f \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f \u0431\u0435\u0437 \u0431\u043e\u043b\u0438\u0415\u0441\u043b\u0438 \u0432\u044b \u043a\u043e\u0433\u0434\u0430-\u043d\u0438\u0431\u0443\u0434\u044c \u0434\u0435\u043b\u0430\u043b\u0438 PDF-\u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u2014 \u0432\u044b \u0437\u043d\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f \u0442\u0430\u0431\u043b\u0438\u0446 \u044d\u0442\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0440\u0443\u0433 \u0430\u0434\u0430. \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0435\u0442\u0441\u044f \u0438\u043b\u0438 \u043d\u0435\u0442? \u0413\u0434\u0435 \u0440\u0435\u0436\u0435\u0442\u0441\u044f \u0441\u0442\u0440\u043e\u043a\u0430? \u0427\u0442\u043e \u0441 \u0433\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438 \u043d\u0430 \u0440\u0430\u0437\u0440\u044b\u0432\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b?\u0412 GraphCompose \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 DocumentTableNode. \u041d\u0430 layout-\u043f\u0440\u043e\u0445\u043e\u0434\u0435 \u043e\u043d\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0438\u0437\u0443\u0435\u0442\u0441\u044f \u0432 \u00ab\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u044f\u0447\u0435\u0439\u043a\u0438\u00bb: \u043a\u0430\u0436\u0434\u0430\u044f \u0430\u0432\u0442\u043e\u0440\u0441\u043a\u0430\u044f \u044f\u0447\u0435\u0439\u043a\u0430 \u2014 \u044d\u0442\u043e LogicalCell(startColumn, colSpan, content), \u0440\u0430\u0437\u0440\u0435\u0448\u0451\u043d\u043d\u044b\u0439 \u043f\u043e stylesGrid[row][col]. \u0421\u0442\u0440\u043e\u043a\u0438 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f \u0432 \u0430\u0442\u043e\u043c\u0430\u0440\u043d\u044b\u0435 leaf-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0441 \u043f\u0440\u0435\u0434\u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u043c cell payload.\u0421 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u043f\u0430\u0433\u0438\u043d\u0430\u0442\u043e\u0440\u0430, \u0441\u0442\u0440\u043e\u043a\u0430 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u2014 \u044d\u0442\u043e \u0430\u0442\u043e\u043c\u0430\u0440\u043d\u044b\u0439 \u0431\u043b\u043e\u043a. \u041d\u0435 \u0440\u0430\u0437\u0440\u0435\u0437\u0430\u0435\u0442\u0441\u044f. \u0415\u0441\u043b\u0438 \u043d\u0435 \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u2014 \u0435\u0434\u0435\u0442 \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0446\u0435\u043b\u0438\u043a\u043e\u043c. \u0415\u0441\u043b\u0438 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043c\u043d\u043e\u0433\u043e \u0441\u0442\u0440\u043e\u043a \u2014 \u0440\u0435\u0436\u0435\u0442\u0441\u044f \u043c\u0435\u0436\u0434\u0443 \u0441\u0442\u0440\u043e\u043a\u0430\u043c\u0438, \u0438 \u043a\u0430\u0436\u0434\u044b\u0439 \u043a\u0440\u0430\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0437\u043d\u0430\u0435\u0442, \u0447\u044c\u0451 \u044d\u0442\u043e \u043f\u0440\u0430\u0432\u043e \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0433\u0440\u0430\u043d\u0438\u0446\u0443 (\u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0431\u044b\u043b\u043e \u0434\u0432\u043e\u0439\u043d\u043e\u0439 \u043b\u0438\u043d\u0438\u0438 \u0438 \u043d\u0435 \u0431\u044b\u043b\u043e \u043f\u0440\u043e\u043f\u0443\u0441\u043a\u0430 \u043b\u0438\u043d\u0438\u0438).Layer-\u0441\u0442\u0435\u043a \u0430\u0442\u043e\u043c\u0430\u0440\u0435\u043d. Hero-\u0431\u043b\u043e\u043a \u00ab\u0444\u043e\u043d + \u043a\u043e\u043d\u0442\u0435\u043d\u0442 + \u0431\u044d\u0439\u0434\u0436\u00bb \u043b\u0438\u0431\u043e \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043b\u0438\u0431\u043e \u0435\u0434\u0435\u0442 \u0446\u0435\u043b\u0438\u043a\u043e\u043c. \u041d\u0438\u043a\u0430\u043a\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441 \u0444\u043e\u043d\u043e\u043c \u0431\u0435\u0437 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430.\u0418 \u0435\u0449\u0451 \u043e\u0434\u043d\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u044f \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0435\u0434\u043e\u043e\u0446\u0435\u043d\u0438\u043b: \u0434\u0435\u0442\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u0430\u0433\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0440\u0430\u043d\u044c\u0448\u0435 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439. \u041a\u043e\u0433\u0434\u0430 \u0434\u043e\u0447\u0435\u0440\u043d\u044f\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043d\u0435 \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043e\u043d\u0430 \u0441\u0434\u0432\u0438\u0433\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u2014 \u0438 \u044d\u0442\u043e \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442 ContentSize \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f. \u0415\u0441\u043b\u0438 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u0443\u0436\u0435 \u0437\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d \u2014 Placement.height \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u0441\u0442\u0430\u0440\u044b\u043c, \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043d\u0435 \u0434\u043e\u0442\u044f\u0433\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0434\u043e \u0441\u0434\u0432\u0438\u043d\u0443\u0442\u043e\u0433\u043e \u0440\u0435\u0431\u0451\u043d\u043a\u0430. \u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u0430\u043a \u00ab\u043f\u043e\u043b\u043e\u0441\u043a\u0430 \u0444\u043e\u043d\u0430 \u043f\u043e\u0447\u0435\u043c\u0443-\u0442\u043e \u0437\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0440\u0430\u043d\u044c\u0448\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u00bb.\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0432 LayoutTraversalContext:ParentComponent \u0434\u0430\u0451\u0442 \u0430\u0432\u0442\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u0443\u044e parent-\u0441\u0432\u044f\u0437\u044c,Entity.children \u2014 \u043a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0441\u0438\u0431\u043b\u0438\u043d\u0433\u043e\u0432,PageBreaker \u0433\u043e\u043d\u044f\u0435\u0442 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u044b\u0439 \u0442\u043e\u043f\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043e\u0431\u0445\u043e\u0434: \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u043f\u043e\u043f\u0430\u0434\u0430\u044e\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u0437\u043b\u044b \u0431\u0435\u0437 \u043d\u0435\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0445 \u0434\u0435\u0442\u0435\u0439,\u0432\u043d\u0443\u0442\u0440\u0438 ready-queue \u2014 \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0430 \u043f\u043e ComputedPosition.y, \u043f\u043e\u0442\u043e\u043c \u043f\u043e \u0433\u043b\u0443\u0431\u0438\u043d\u0435, \u043f\u043e\u0442\u043e\u043c \u043f\u043e UUID.\u0411\u0435\u0437 pairwise ancestor-\u043a\u043e\u043c\u043f\u0430\u0440\u0430\u0442\u043e\u0440\u0430. \u0411\u044b\u0441\u0442\u0440\u043e, \u0434\u0435\u0442\u0435\u0440\u043c\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e, \u0438 \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e \u043a \u00ab\u043f\u043e\u0434\u0432\u0438\u043d\u0443\u043b \u043e\u0442\u0441\u0442\u0443\u043f \u2014 \u0440\u0435\u043d\u0434\u0435\u0440 \u0441\u043b\u043e\u043c\u0430\u043b\u0441\u044f\u00bb.\u041f\u0440\u0438\u043a\u043e\u043b \u21164: \u0422\u0440\u0451\u0445\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u0439 regression-pyramid\u042f \u043a \u044d\u0442\u043e\u043c\u0443 \u0448\u0451\u043b \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u0435\u0441\u044f\u0446\u0435\u0432 \u0438 \u0441\u0447\u0438\u0442\u0430\u044e \u044d\u0442\u043e \u0441\u0430\u043c\u043e\u0439 \u0446\u0435\u043d\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u044c\u044e \u043f\u0440\u043e\u0435\u043a\u0442\u0430.1. Layout math unit tests           \u2014 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u044e\u0442 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0440\u0430\u0441\u0447\u0451\u0442\u044b2. Layout snapshot tests            \u2014 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u044e\u0442 \u0434\u0435\u0442\u0435\u0440\u043c\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0443\u044e \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u044e                                      \u0432\u0441\u0435\u0433\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u0434\u043e \u0440\u0435\u043d\u0434\u0435\u0440\u04303. PDF visual regression (PNG-diff) \u2014 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u044e\u0442, \u0447\u0442\u043e \u0440\u0435\u043d\u0434\u0435\u0440 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u0430\u043a \u0440\u0430\u043d\u044c\u0448\u0435\u0423\u0440\u043e\u0432\u0435\u043d\u044c 1 \u2014 \u043e\u0431\u044b\u0447\u043d\u044b\u0435 unit-\u0442\u0435\u0441\u0442\u044b. \u0421\u043a\u0443\u0447\u043d\u043e, \u043d\u043e \u043d\u0430\u0434\u0451\u0436\u043d\u043e.\u0423\u0440\u043e\u0432\u0435\u043d\u044c 2 \u2014 LayoutSnapshotAssertions. \u0421\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u0442 \u0434\u0435\u0440\u0435\u0432\u043e layout-\u0433\u0440\u0430\u0444 \u0441\u043e \u0441\u0445\u0440\u0430\u043d\u0451\u043d\u043d\u044b\u043c JSON. \u0415\u0441\u043b\u0438 \u0432\u043d\u0435\u0441\u043b\u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u043e\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 (\u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0430\u0441\u044c \u043a\u043e\u043b\u043e\u043d\u043a\u0430, \u043f\u043e\u0435\u0445\u0430\u043b \u043e\u0442\u0441\u0442\u0443\u043f), \u0441\u043d\u0430\u043f\u0448\u043e\u0442 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f, \u0442\u0435\u0441\u0442 \u043f\u0430\u0434\u0430\u0435\u0442, \u0442\u044b \u0441\u043c\u043e\u0442\u0440\u0438\u0448\u044c diff \u0432 JSON \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0448\u044c, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u043e. \u041d\u0435 \u043d\u0443\u0436\u043d\u043e&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-478353","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/478353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=478353"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/478353\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=478353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=478353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=478353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}