From 7e5663b4fe8c955ebbd19736afefbf5d69a497e9 Mon Sep 17 00:00:00 2001
From: Dmitry <121898072+bpmbpm@users.noreply.github.com>
Date: Mon, 3 Mar 2025 22:29:09 +0300
Subject: [PATCH] Add files via upload

---
 test/SVG/ttest2.png | Bin 0 -> 2321 bytes
 test/SVG/ttest2.svg |  64 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 64 insertions(+)
 create mode 100644 test/SVG/ttest2.png
 create mode 100644 test/SVG/ttest2.svg

diff --git a/test/SVG/ttest2.png b/test/SVG/ttest2.png
new file mode 100644
index 0000000000000000000000000000000000000000..265ce7185c96221f67a5488a271c4913d5659bc9
GIT binary patch
literal 2321
zcmeAS@N?(olHy`uVBq!ia0y~yV6p?Ub2*rRq~6s(-9U=5ILO_JVcj{Imp~3nx}&cn
z1H;CC?mvmFKt5-IM`SSr1K(i~W;~w1B87p0W0|LmV@O5Z+q;VSp*N+D6$<&iT9u{M
zw_=5R<C<s8CW@L_Z&vQzC)7OSwa2=hY?Z7p)g2zLTHmxJNr>e$tH2%EZ_by0Z+ZPP
zbN4mN?9Ko8|1p+))^npWa`U}1eq)=Tj0^{sY}m!XAbj{06N3-WYHkJt!!>#g2ab><
zc*ZvD`uzI;p4rPLGKStXTs*<;nq;*HS7r+9nssWKDGs4!XEc^fEIlSS$w?}barJ6X
zDanATvc^CKb2qjxncx<7;8oTnH@1+}<2^tH>2DM@mrNAhuxr+mQR65NyKTJd<Mvkl
z|F^g9!+*?>-Nt+PRn?~_Cr?k;x3B%RWdE0LTa{LmO-y0olTC~kXj!L;TspBWF(!8L
z)vT{yUx(KoIRBvb(h07JSl>%08dklT5$K_OyY2Pr><znj|Ni#&_D5x4y!Q%gCzhJN
z{PE+*pFc6p%yPLFeuo!sN_JCx+k5VYbC8Go{)Vfe`|bbzJzn7xzrXJ9&(G<-{1JyQ
zUcC75;lqOm4;JmbbN~MR+qb3nrN!%rJ?@n1n<i_fW$L%a{M!VPOZGybRJFJA^Rt(i
zmml_&{b%uKry9qdr;m^KKb9@O{PN{WP|8|x`vCW0Er?4pC9Y4`k8gXw>)7VsZ*Cgj
zlTY$peKpI*?E2g}b9m%|>GguenY9n5XNGtxYbTVNdMf|^xn84fuc=%TP^qlAxVW{o
z_2Ze6x?<g@PoI9M3=9*g_MM`C9{tdQrSSb9{t0C7veLRfckbNY`L{qOZd@x7CjQ^^
z)8os~&|3HM;opb#|9*?Fo$0pC@f+{2ZgKr%_VIet@9(dd|1SqJRsEVYQnoSA`Tlp|
z-E+VQFiWyvGvB{v=dZ6)@9*uE{=cmeBlCo9So^)b%sSXZIa^<*4H#K}eir|Ipbm~d
zt7Lvp#ojdySFft{uF27U&;Pb;88C}Zs^zwm;jH~|dVBtTyP6*h<o~2#<iESAhhfT(
zt<C4So`|7hZF(|H#ew9yU2j1t;&l%q5pCL<`wZ%hRl7d(KAa0qGbk#mtNvV_cJr+d
z(2bL#;%D8!C_wlxy@MK&wc>|x7KR&aLl#3lUp?p5eYe{f2J{F2eYE-ZOed+E&ZfT}
z9qy9^CUJ05ghu%4g^ymV?VbxPc5FS4&NoWNupu<)wRZ(r!QJ4m`BQo^!~g2z^{!wA
zYu8?scEU8l^uvtlf#3*=_TO#Zaty-_*^dv#Ke!DFg*SR@?+Zv_M%_|t{j;<Ge+~m%
zGd1@a@4}71Ox3%_7?drbsq7Z_`c--Vrb&Wr(!Oy6n^SU+{MsJ~Nm+Rt^2^Ns%x(oH
zS+qi1Iwkzo+WoeBfC*4az3gt-JyaJxkXz0DcX!pq(z`cr-u$r=qAE2ypM&vE*VV7P
zckbA6<K|7t>DMwgM#RL$@yP?DcVXd-=C}J4SqiknuD?&)8rA##O{u!N`eApVTQelW
z`JsBFcmBF6X+C$}yj#GqxF^75n_T)gtgo++kDs5Pk8j%Pr~m%_yLa#2yLa!BHcD*2
zZvXG6{_X`YueCY$3P0vmyr3R-U1!ex`SSAew^@A`CdTYhWZ8A})ht19pfSD>TAl6o
z29*5S7I?2&C%F-nC?p&7HttG0l9vvwkQjCy8UBhXukpbR22K0AKm0GA9x5pjfAtO6
PjA8I}^>bP0l+XkK9N{>7

literal 0
HcmV?d00001

diff --git a/test/SVG/ttest2.svg b/test/SVG/ttest2.svg
new file mode 100644
index 00000000..a7210de7
--- /dev/null
+++ b/test/SVG/ttest2.svg
@@ -0,0 +1,64 @@
+<svg width="700" height="500" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .boxProcBlue {
+      width: 100px;
+      height: 50px;
+      fill: lightblue;
+        
+    }
+    .boxProcGreen {
+      width: 100px;
+      height: 50px;
+      fill: lightgreen;
+        
+    }
+  </style>
+
+  <rect id="box1" class="boxProcGreen" x="50" y="50" width="100" height="50"/>
+  <rect id="box2" class="boxProcBlue" x="200" y="80" width="100" height="50" />
+  <rect id="box3" class="boxProcGreen" x="350" y="50" width="100" height="50" />
+  
+  <rect id="box4" class="boxProcGreen" x="500" y="50" width="100" height="50" />
+  <g id="connectors"></g>
+
+  <script>
+    function createConnector(id1, id2) {
+      const box1 = document.getElementById(id1);
+      const box2 = document.getElementById(id2);
+
+      const x1 = parseFloat(box1.getAttribute('x')) + box1.width.baseVal.value; // Правый край первого
+      const y1 = parseFloat(box1.getAttribute('y')) + box1.height.baseVal.value / 2; // Середина высоты первого
+      const x2 = parseFloat(box2.getAttribute('x')); // Левый край второго
+      const y2 = parseFloat(box2.getAttribute('y')) + box2.height.baseVal.value / 2;
+
+      // Создаем линию
+      const connector = document.createElementNS("http://www.w3.org/2000/svg", "line");
+      connector.setAttribute("x1", x1);
+      connector.setAttribute("y1", y1);
+      connector.setAttribute("x2", x2);
+      connector.setAttribute("y2", y2);
+      connector.setAttribute("stroke", "black");
+      connector.setAttribute("stroke-width", "2");
+
+      // Создаем стрелку
+      const arrowHead = document.createElementNS("http://www.w3.org/2000/svg", "polygon");
+      const arrowSize = 10; // Размер стрелки
+      const angle = Math.atan2(y2 - y1, x2 - x1); // Угол наклона стрелки
+      const arrowX = x2 - arrowSize * Math.cos(angle - Math.PI / 6);
+      const arrowY = y2 - arrowSize * Math.sin(angle - Math.PI / 6);
+      const arrowX2 = x2 - arrowSize * Math.cos(angle + Math.PI / 6);
+      const arrowY2 = y2 - arrowSize * Math.sin(angle + Math.PI / 6);
+      arrowHead.setAttribute("points", `${x2},${y2} ${arrowX},${arrowY} ${arrowX2},${arrowY2}`);
+      arrowHead.setAttribute("fill", "black");
+
+      document.getElementById('connectors').appendChild(connector);
+      document.getElementById('connectors').appendChild(arrowHead);
+    }
+
+    // Создаем соединения между элементами
+    createConnector('box1', 'box2');
+    createConnector('box2', 'box3'); // Соединяем box2 и box3
+    
+    createConnector('box3', 'box4'); // Соединяем box3 и box4
+  </script>
+</svg>
\ No newline at end of file