web_editor/static/image_shapes/composition/composition_line_2.svg

41 lines
3.3 KiB
XML
Raw Permalink Normal View History

2024-05-03 12:47:49 +03:00
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.526.4606c.0608.0582.1787.0394.2643.1009c.0856.0629.1371.2064.0944.2754c-.044.0699-.1835.0642-.2879.0619c-.1055-.0018-.1759-.001-.2043-.0506c-.0284-.0497-.0148-.1487-.0596-.2186C.2881.5597.1846.5198.1346.4273C.0846.3348.0878.1904.151.1322C.2134.073.3345.0989.3973.181C.4601.263.4644.4015.526.4606z">
<animate dur="32s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.526.4606c.0608.0582.1787.0394.2643.1009c.0856.0629.1371.2064.0944.2754c-.044.0699-.1835.0642-.2879.0619c-.1055-.0018-.1759-.001-.2043-.0506c-.0284-.0497-.0148-.1487-.0596-.2186C.2881.5597.1846.5198.1346.4273C.0846.3348.0878.1904.151.1322C.2134.073.3345.0989.3973.181C.4601.263.4644.4015.526.4606z;
M.5883.3111c.0946.0524.2461.0628.2936.12c.0479.0576-.008.162-.0706.2592c-.0631.0972-.1334.1872-.2213.2056c-.087.0192-.1922-.0336-.2839-.0812c-.0922-.048-.1716-.0916-.1965-.1544c-.0249-.0628.0054-.1452.0122-.2404c.0059-.0952-.0101-.2028.0354-.264C.203.0959.3119.0827.3847.1235C.4575.1643.4941.2587.5883.3111z;
M.526.4606c.0608.0582.1787.0394.2643.1009c.0856.0629.1371.2064.0944.2754c-.044.0699-.1835.0642-.2879.0619c-.1055-.0018-.1759-.001-.2043-.0506c-.0284-.0497-.0148-.1487-.0596-.2186C.2881.5597.1846.5198.1346.4273C.0846.3348.0878.1904.151.1322C.2134.073.3345.0989.3973.181C.4601.263.4644.4015.526.4606z"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg viewBox="0 0 28.35 28.35" preserveAspectRatio="none">
<path id="line_1" d="M4.87 16.53s3.84 2.34 3.81 5.25m.37-2.27c-.17-.7667-.54-1.5333-1.71-2.3" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.5">
<animate dur="32s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M4.87 16.53s3.84 2.34 3.81 5.25m.37-2.27c-.17-.7667-.54-1.5333-1.71-2.3;
M1.39,19.51s-.7,3.55,4.78,5.79M5.41,24c-2.58-1.71-2.67-2.46-2.93-3.25;
M4.87 16.53s3.84 2.34 3.81 5.25m.37-2.27c-.17-.7667-.54-1.5333-1.71-2.3"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
<path id="line_2" d="M22.2,14.2c-2.2-2.2-3.4-1.6-4.7-2.6 M17.5,12.9c0.9,0.5,2,0.2,3,1.2" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.5">
<animate dur="32s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M22.2,14.2c-2.2-2.2-3.4-1.6-4.7-2.6 M17.5,12.9c0.9,0.5,2,0.2,3,1.2;
M26.1,10.6c-1.3-2.1-3.2-2.6-4.6-2.9 M21.4,8.7c1.1,0.3,2.2,0.5,3,1.6;
M22.2,14.2c-2.2-2.2-3.4-1.6-4.7-2.6 M17.5,12.9c0.9,0.5,2,0.2,3,1.2"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
</svg>
</svg>