zcy
/
svgedit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix some tests

master
JFH 2021-12-30 05:29:49 -03:00
parent fdcfc8a253
commit 2ae3ba770e
38 changed files with 819 additions and 4494 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

981
cypress/integration/ui/__snapshots__/scenario.js.snap
View File

File diff suppressed because it is too large Load Diff

97
cypress/integration/ui/__snapshots__/scenario1.js.snap
View File

@ -1,91 +1,28 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer"><title>Layer 1</title></g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_shape #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<path
fill="#FF0000"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
d="m208.99746606586632,203.82033218045854 c4.117685576066451,-11.81303239035457 20.250912669179264,0 0,15.18818450188445 c-20.250912669179264,-15.18818450188445 -4.117685576066451,-27.00121689223902 0,-15.18818450188445 z"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
transform="rotate(43.2545 208.997 209.008)"
></path>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<path d="m208.99747,203.82033c4.11769,-11.81303 20.25091,0 0,15.18818c-20.25091,-15.18818 -4.11769,-27.00122 0,-15.18818z" fill="#FF0000" id="svg_1" stroke="#000000" stroke-width="5" transform="rotate(43.2545 208.997 209.008)"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_image #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<path
fill="#FF0000"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
d="m208.99746606586632,203.82033218045854 c4.117685576066451,-11.81303239035457 20.250912669179264,0 0,15.18818450188445 c-20.250912669179264,-15.18818450188445 -4.117685576066451,-27.00121689223902 0,-15.18818450188445 z"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
transform="rotate(43.2545 208.997 209.008)"
></path>
<image
x="295"
y="295"
width="20"
height="20"
id="svg_2"
opacity="0.5"
style="pointer-events:inherit"
xlink:href="./images/logo.svg"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</image>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g class="layer">
<title>Layer 1</title>
<path d="m208.99747,203.82033c4.11769,-11.81303 20.25091,0 0,15.18818c-20.25091,-15.18818 -4.11769,-27.00122 0,-15.18818z" fill="#FF0000" id="svg_1" stroke="#000000" stroke-width="5" transform="rotate(43.2545 208.997 209.008)"/>
<image height="20" id="svg_2" opacity="0.5" width="20" x="295" xlink:href="./images/logo.svg" y="295">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/>
</image>
</g>
</svg>
`;

781
cypress/integration/ui/__snapshots__/scenario2.js.snap
View File

@ -1,710 +1,173 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer"><title>Layer 1</title></g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_circle #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<circle
fill="#FF0000"
stroke="#000000"
stroke-width="5"
opacity="0.5"
cx="150"
cy="150"
r="111.80339887498948"
id="svg_1"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</circle>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" opacity="0.5" r="111.8034" stroke="#000000" stroke-width="5">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/>
</circle>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_fhellipse #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<circle
fill="#FF0000"
stroke="#000000"
stroke-width="5"
cx="150"
cy="150"
r="111.80339887498948"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></circle>
<ellipse
fill="#FF0000"
stroke="#000000"
stroke-width="5"
opacity="0.5"
cx="299"
cy="169"
rx="60"
ry="50"
id="svg_2"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</ellipse>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<ellipse cx="299" cy="169" fill="#FF0000" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/>
</ellipse>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_ellipse #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<circle
fill="#FF0000"
stroke="#000000"
stroke-width="5"
cx="150"
cy="150"
r="111.80339887498948"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></circle>
<ellipse
fill="#FF0000"
stroke="#000000"
stroke-width="5"
cx="299"
cy="169"
rx="60"
ry="50"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
></ellipse>
<ellipse
fill="#FF0000"
stroke="#000000"
stroke-width="5"
opacity="0.5"
cx="114"
cy="189"
rx="55"
ry="25"
id="svg_3"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</ellipse>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<ellipse cx="299" cy="169" fill="#FF0000" id="svg_2" rx="60" ry="50" stroke="#000000" stroke-width="5"/>
<ellipse cx="114" cy="189" fill="#FF0000" id="svg_3" opacity="0.5" rx="55" ry="25" stroke="#000000" stroke-width="5">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/>
</ellipse>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_circle_change_fill_color #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<circle
fill="#FF0000"
stroke="#000000"
stroke-width="5"
cx="150"
cy="150"
r="111.80339887498948"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></circle>
<ellipse
fill="#ffff00"
stroke="#000000"
stroke-width="5"
cx="299"
cy="169"
rx="60"
ry="50"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
></ellipse>
<ellipse
fill="#FF0000"
stroke="#000000"
stroke-width="5"
cx="114"
cy="189"
rx="55"
ry="25"
id="svg_3"
fill-opacity="1"
stroke-opacity="1"
transform="matrix(1 0 0 1 0 0)"
></ellipse>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" rx="60" ry="50" stroke="#000000" stroke-width="5"/>
<ellipse cx="114" cy="189" fill="#FF0000" id="svg_3" rx="55" ry="25" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_circle_change_opacity #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<circle
fill="#FF0000"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
cx="150"
cy="150"
r="111.80339887498948"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></circle>
<ellipse
fill="#ffff00"
stroke="#000000"
stroke-width="5"
cx="299"
cy="169"
rx="60"
ry="50"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
opacity="0.5"
></ellipse>
<ellipse
fill="#FF0000"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
cx="114"
cy="189"
rx="55"
ry="25"
id="svg_3"
fill-opacity="1"
stroke-opacity="1"
></ellipse>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/>
<ellipse cx="114" cy="189" fill="#FF0000" id="svg_3" rx="55" ry="25" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_ellipse_change_rotation #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<circle
fill="#FF0000"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
cx="150"
cy="150"
r="111.80339887498948"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></circle>
<ellipse
fill="#ffff00"
stroke="#000000"
stroke-width="5"
cx="299"
cy="169"
rx="60"
ry="50"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
opacity="0.5"
></ellipse>
<ellipse
fill="#FF0000"
stroke="#000000"
stroke-width="5"
cx="114"
cy="189"
rx="55"
ry="25"
id="svg_3"
fill-opacity="1"
stroke-opacity="1"
transform="rotate(25 114 189)"
></ellipse>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)"/>
<ellipse cx="114" cy="189" fill="#FF0000" id="svg_3" rx="55" ry="25" stroke="#000000" stroke-width="5" transform="rotate(25 114 189)"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_ellipse_change_blur #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<circle
fill="#FF0000"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
cx="150"
cy="150"
r="111.80339887498948"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></circle>
<ellipse
fill="#ffff00"
stroke="#000000"
stroke-width="5"
cx="299"
cy="169"
rx="60"
ry="50"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
opacity="0.5"
></ellipse>
<ellipse
fill="#FF0000"
stroke="#000000"
stroke-width="5"
cx="114"
cy="189"
rx="55"
ry="25"
id="svg_3"
fill-opacity="1"
stroke-opacity="1"
transform="rotate(25 114 189)"
filter="url(#svg_3_blur)"
></ellipse>
</g>
<defs>
<filter id="svg_3_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)"/>
<ellipse cx="114" cy="189" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="55" ry="25" stroke="#000000" stroke-width="5" transform="rotate(25 114 189)"/>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_ellipse_change_cx_cy_coordinate #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<circle
fill="#FF0000"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
cx="150"
cy="150"
r="111.80339887498948"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></circle>
<ellipse
fill="#ffff00"
stroke="#000000"
stroke-width="5"
cx="299"
cy="169"
rx="60"
ry="50"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
opacity="0.5"
></ellipse>
<ellipse
fill="#FF0000"
stroke="#000000"
stroke-width="5"
cx="139"
cy="214"
rx="55"
ry="25"
id="svg_3"
fill-opacity="1"
stroke-opacity="1"
filter="url(#svg_3_blur)"
transform="rotate(25 139 214)"
></ellipse>
</g>
<defs>
<filter id="svg_3_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)"/>
<ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="55" ry="25" stroke="#000000" stroke-width="5" transform="rotate(25 139 214)"/>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_ellipse_change_rx_ry_radius #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<circle
fill="#FF0000"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
cx="150"
cy="150"
r="111.80339887498948"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></circle>
<ellipse
fill="#ffff00"
stroke="#000000"
stroke-width="5"
cx="299"
cy="169"
rx="60"
ry="50"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
opacity="0.5"
></ellipse>
<ellipse
fill="#FF0000"
stroke="#000000"
stroke-width="5"
cx="139"
cy="214"
rx="80"
ry="50"
id="svg_3"
fill-opacity="1"
stroke-opacity="1"
filter="url(#svg_3_blur)"
transform="rotate(25 139 214)"
></ellipse>
</g>
<defs>
<filter id="svg_3_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0)"/>
<ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="80" ry="50" stroke="#000000" stroke-width="5" transform="rotate(25 139 214)"/>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_ellipse_bring_to_back #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<ellipse
fill="#ffff00"
stroke="#000000"
stroke-width="5"
cx="299"
cy="169"
rx="60"
ry="50"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
opacity="0.5"
></ellipse>
<circle
fill="#FF0000"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
cx="150"
cy="150"
r="111.80339887498948"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></circle>
<ellipse
fill="#FF0000"
stroke="#000000"
stroke-width="5"
cx="139"
cy="214"
rx="80"
ry="50"
id="svg_3"
fill-opacity="1"
stroke-opacity="1"
filter="url(#svg_3_blur)"
transform="rotate(25 139 214)"
></ellipse>
</g>
<defs>
<filter id="svg_3_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="80" ry="50" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0) rotate(25 139 214)"/>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_ellipse_bring_to_front #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<circle
fill="#FF0000"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
cx="150"
cy="150"
r="111.80339887498948"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></circle>
<ellipse
fill="#FF0000"
stroke="#000000"
stroke-width="5"
cx="139"
cy="214"
rx="80"
ry="50"
id="svg_3"
fill-opacity="1"
stroke-opacity="1"
filter="url(#svg_3_blur)"
transform="rotate(25 139 214)"
></ellipse>
<ellipse
fill="#ffff00"
stroke="#000000"
stroke-width="5"
cx="299"
cy="169"
rx="60"
ry="50"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
opacity="0.5"
></ellipse>
</g>
<defs>
<filter id="svg_3_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="80" ry="50" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0) rotate(25 139 214)"/>
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_ellipse_clone #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<circle
fill="#FF0000"
stroke="#000000"
stroke-width="5"
style="pointer-events:inherit"
cx="150"
cy="150"
r="111.80339887498948"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></circle>
<ellipse
fill="#FF0000"
stroke="#000000"
stroke-width="5"
cx="139"
cy="214"
rx="80"
ry="50"
id="svg_3"
fill-opacity="1"
stroke-opacity="1"
filter="url(#svg_3_blur)"
transform="rotate(25 139 214)"
></ellipse>
<ellipse
fill="#ffff00"
stroke="#000000"
stroke-width="5"
cx="299"
cy="169"
rx="60"
ry="50"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
opacity="0.5"
></ellipse>
<ellipse
fill="#ffff00"
stroke="#000000"
stroke-width="5"
cx="319"
cy="189"
rx="60"
ry="50"
fill-opacity="1"
stroke-opacity="1"
opacity="0.5"
id="svg_4"
></ellipse>
</g>
<defs>
<filter id="svg_3_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8034" stroke="#000000" stroke-width="5"/>
<ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="80" ry="50" stroke="#000000" stroke-width="5" transform="matrix(1 0 0 1 0 0) rotate(25 139 214)"/>
<ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/>
<ellipse cx="319" cy="189" fill="#ffff00" id="svg_4" opacity="0.5" rx="60" ry="50" stroke="#000000" stroke-width="5"/>
</g>
<defs>
<filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;

163
cypress/integration/ui/__snapshots__/scenario3.js.snap
View File

@ -1,157 +1,36 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer"><title>Layer 1</title></g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_path #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<path
fill="#FF0000"
stroke="#000000"
stroke-width="5"
opacity="0.5"
d="M 50 50 L 150 100 L 125 200 L 50 50 z"
id="svg_1"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</path>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<path d="m50,50l100,50l-25,100l-75,-150z" fill="#FF0000" id="svg_1" opacity="0.5" stroke="#000000" stroke-width="5">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/>
</path>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_path_change_node_xy #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<path
fill="#FF0000"
stroke="#000000"
stroke-width="5"
d="M 75 75 L 150 100 L 125 200 L 75 75 z"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></path>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_path_change_seg_type #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<path
fill="#FF0000"
stroke="#000000"
stroke-width="5"
d="M 75 75 L 150 100 L 125 200 C 235.33333333333331 330.33333333333337 91.66666666666667 116.66666666666666 75 75 z"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></path>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_path_change_clone_node #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<path
fill="#FF0000"
stroke="#000000"
stroke-width="5"
d="M 201 246 L 150 100 L 125 200 C 180.16666666666666 265.1666666666667 297.8333333333333 415.33333333333337 273.625 373 C 249.41666666666669 330.66666666666663 209.33333333333334 266.8333333333333 201 246 z"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></path>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<path d="m75,75l75,25l-25,100l-50,-125z" fill="#FF0000" id="svg_1" stroke="#000000" stroke-width="5"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_path_openclose #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<path
fill="#FF0000"
stroke="#000000"
stroke-width="5"
d="M 201 246 L 150 100 L 125 200 C 180.16666666666666 265.1666666666667 297.8333333333333 415.33333333333337 273.625 373 C 249.41666666666669 330.66666666666663 209.33333333333334 266.8333333333333 201 246 z"
id="svg_1"
fill-opacity="1"
stroke-opacity="1"
></path>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<path d="m75,75l75,25l-25,100l-50,-125z" fill="#FF0000" id="svg_1" stroke="#000000" stroke-width="5"/>
</g>
</svg>
`;

1034
cypress/integration/ui/__snapshots__/scenario4.js.snap
View File

File diff suppressed because it is too large Load Diff

659
cypress/integration/ui/__snapshots__/scenario5.js.snap
View File

@ -1,604 +1,157 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer"><title>Layer 1</title></g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.5"
x1="200"
y1="200"
x2="450"
y2="450"
id="svg_1"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</line>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<line fill="none" id="svg_1" opacity="0.5" stroke="#000000" stroke-width="5" x1="200" x2="450" y1="200" y2="450">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/>
</line>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_change_rotation #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
x1="200"
y1="200"
x2="450"
y2="450"
id="svg_1_id"
fill-opacity="1"
stroke-opacity="1"
class="svg_1_class"
transform="rotate(25 325 325)"
></line>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<line class="svg_1_class" fill="none" id="svg_1_id" stroke="#000000" stroke-width="5" transform="rotate(25 325 325)" x1="200" x2="450" y1="200" y2="450"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_change_blur #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
x1="200"
y1="200"
x2="450"
y2="450"
id="svg_1_id"
fill-opacity="1"
stroke-opacity="1"
class="svg_1_class"
transform="rotate(25 325 325)"
filter="url(#svg_1_id_blur)"
></line>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<line class="svg_1_class" fill="none" filter="url(#svg_1_id_blur)" id="svg_1_id" stroke="#000000" stroke-width="5" transform="rotate(25 325 325)" x1="200" x2="450" y1="200" y2="450"/>
</g>
<defs>
<filter height="200%" id="svg_1_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_change_opacity #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
x1="200"
y1="200"
x2="450"
y2="450"
id="svg_1_id"
fill-opacity="1"
stroke-opacity="1"
class="svg_1_class"
filter="url(#svg_1_id_blur)"
opacity="0.5"
transform="rotate(25 325 325)"
></line>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<line class="svg_1_class" fill="none" filter="url(#svg_1_id_blur)" id="svg_1_id" opacity="0.5" stroke="#000000" stroke-width="5" transform="rotate(25 325 325)" x1="200" x2="450" y1="200" y2="450"/>
</g>
<defs>
<filter height="200%" id="svg_1_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_delete #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_clone #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.25"
style="pointer-events:none"
x1="200"
y1="200"
x2="450"
y2="450"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="0.5"
></animate>
</line>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.25"
style="pointer-events:none"
x1="220"
y1="220"
x2="470"
y2="470"
fill-opacity="1"
stroke-opacity="1"
id="svg_3"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="0.5"
id="svg_4"
></animate>
</line>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<line fill="none" id="svg_2" opacity="0.25" stroke="#000000" stroke-width="5" x1="200" x2="450" y1="200" y2="450">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="0.5"/>
</line>
<line fill="none" id="svg_3" opacity="0.25" stroke="#000000" stroke-width="5" x1="220" x2="470" y1="220" y2="470">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/>
</line>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_bring_to_back #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.5"
x1="200"
y1="200"
x2="450"
y2="450"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
></line>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.25"
style="pointer-events:none"
x1="220"
y1="220"
x2="470"
y2="470"
fill-opacity="1"
stroke-opacity="1"
id="svg_3"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="0.5"
id="svg_4"
></animate>
</line>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="5" x1="200" x2="450" y1="200" y2="450"/>
<line fill="none" id="svg_3" opacity="0.25" stroke="#000000" stroke-width="5" x1="220" x2="470" y1="220" y2="470">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/>
</line>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_bring_to_front #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.25"
style="pointer-events:none"
x1="220"
y1="220"
x2="470"
y2="470"
fill-opacity="1"
stroke-opacity="1"
id="svg_3"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="0.5"
id="svg_4"
></animate>
</line>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.5"
x1="200"
y1="200"
x2="450"
y2="450"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
></line>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<line fill="none" id="svg_3" opacity="0.25" stroke="#000000" stroke-width="5" x1="220" x2="470" y1="220" y2="470">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/>
</line>
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="5" x1="200" x2="450" y1="200" y2="450"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_change_x_y_coordinate #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.25"
style="pointer-events:none"
x1="220"
y1="220"
x2="470"
y2="470"
fill-opacity="1"
stroke-opacity="1"
id="svg_3"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="0.5"
id="svg_4"
></animate>
</line>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.5"
x1="225"
y1="175"
x2="475"
y2="425"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
></line>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<line fill="none" id="svg_3" opacity="0.25" stroke="#000000" stroke-width="5" x1="220" x2="470" y1="220" y2="470">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/>
</line>
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="5" x1="225" x2="475" y1="175" y2="425"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_change_stroke_width #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#000000"
stroke-width="5"
opacity="0.25"
style="pointer-events:none"
x1="220"
y1="220"
x2="470"
y2="470"
fill-opacity="1"
stroke-opacity="1"
id="svg_3"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="0.5"
id="svg_4"
></animate>
</line>
<line
fill="none"
stroke="#000000"
stroke-width="15"
opacity="0.5"
x1="225"
y1="175"
x2="475"
y2="425"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
></line>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<line fill="none" id="svg_3" opacity="0.25" stroke="#000000" stroke-width="5" x1="220" x2="470" y1="220" y2="470">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/>
</line>
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="15" x1="225" x2="475" y1="175" y2="425"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_change_stoke_color #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#bf5f00"
stroke-width="5"
opacity="0.25"
x1="220"
y1="220"
x2="470"
y2="470"
fill-opacity="1"
stroke-opacity="1"
id="svg_3"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="0.5"
id="svg_4"
></animate>
</line>
<line
fill="none"
stroke="#000000"
stroke-width="15"
opacity="0.5"
x1="225"
y1="175"
x2="475"
y2="425"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
></line>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<line fill="none" id="svg_3" opacity="0.25" stroke="#bf5f00" stroke-width="5" x1="220" x2="470" y1="220" y2="470">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/>
</line>
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="15" transform="matrix(1 0 0 1 0 0)" x1="225" x2="475" y1="175" y2="425"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_line_align_to_page #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<line
fill="none"
stroke="#bf5f00"
stroke-width="5"
opacity="0.25"
x1="220"
y1="220"
x2="470"
y2="470"
fill-opacity="1"
stroke-opacity="1"
id="svg_3"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="0.5"
id="svg_4"
></animate>
</line>
<line
fill="none"
stroke="#000000"
stroke-width="15"
opacity="0.5"
x1="225"
y1="175"
x2="475"
y2="425"
id="svg_2"
fill-opacity="1"
stroke-opacity="1"
></line>
</g>
<defs>
<filter id="svg_1_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<line fill="none" id="svg_3" opacity="0.25" stroke="#bf5f00" stroke-width="5" x1="220" x2="470" y1="220" y2="470">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/>
</line>
<line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="15" transform="matrix(1 0 0 1 0 0)" x1="225" x2="475" y1="175" y2="425"/>
</g>
</svg>
`;

651
cypress/integration/ui/__snapshots__/scenario6.js.snap
View File

@ -1,605 +1,148 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer"><title>Layer 1</title></g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_polygon #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<polygon
cx="325"
cy="250"
id="svg_1"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokewidth="5"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
stroke="#000000"
stroke-width="5"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</polygon>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/>
</polygon>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_polygon_clone #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<polygon
cx="325"
cy="250"
id="svg_1"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokewidth="5"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="325"
cy="250"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokewidth="5"
points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2"
></polygon>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_2" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_polygon_change_rotation #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="325"
cy="250"
id="svg_1"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="325"
cy="250"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
transform="rotate(25 350.145 270)"
></polygon>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
<polygon class="svg_2_class" cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_2_id" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 350.145 270)"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_polygon_change_blur #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="325"
cy="250"
id="svg_1"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="325"
cy="250"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
transform="rotate(25 350.145 270)"
filter="url(#svg_2_id_blur)"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
<polygon class="svg_2_class" cx="325" cy="250" edge="63.33333" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 350.145 270)"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_polygon_change_opacity #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="325"
cy="250"
id="svg_1"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="325"
cy="250"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
filter="url(#svg_2_id_blur)"
opacity="0.5"
transform="rotate(25 350.145 270)"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
<polygon class="svg_2_class" cx="325" cy="250" edge="63.33333" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 350.145 270)"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_polygon_bring_to_back #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="325"
cy="250"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
filter="url(#svg_2_id_blur)"
opacity="0.5"
transform="rotate(25 350.145 270)"
></polygon>
<polygon
cx="325"
cy="250"
id="svg_1"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon class="svg_2_class" cx="325" cy="250" edge="63.33333" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 350.145 270)"/>
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_polygon_bring_to_front #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="325"
cy="250"
id="svg_1"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="325"
cy="250"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
filter="url(#svg_2_id_blur)"
opacity="0.5"
transform="rotate(25 350.145 270)"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
<polygon class="svg_2_class" cx="325" cy="250" edge="63.33333" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 350.145 270)"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_polygon_delete #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="325"
cy="250"
id="svg_1"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_polygon_align_to_page #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="325"
cy="250"
id="svg_1"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_polygon_change_stroke_width #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="325"
cy="250"
id="svg_1"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
stroke="#000000"
stroke-width="15"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="325" cy="250" edge="63.33333" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="15" strokeWidth="5" strokecolor="#000000"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_polygon_change_stoke_fill_color #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="325"
cy="250"
id="svg_1"
shape="regularPoly"
sides="5"
orient="x"
edge="63.333333333333336"
fill="#bf0000"
strokecolor="#000000"
strokeWidth="5"
points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 "
stroke="#0000bf"
stroke-width="15"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="325" cy="250" edge="63.33333" fill="#bf0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#0000bf" stroke-width="15" strokeWidth="5" strokecolor="#000000"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_polygon_change_sides #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="325"
cy="250"
id="svg_1"
shape="regularPoly"
sides="6"
orient="x"
edge="63.333333333333336"
fill="#bf0000"
strokecolor="#000000"
strokeWidth="5"
points="406.36004929315476,249.999995640346 374.69338262648813,304.8482712133604 311.3600492931548,304.8482712133604 279.69338262648813,249.999995640346 311.36004929315476,195.15172006733155 374.69338262648813,195.15172006733155 406.36004929315476,249.99999564034596 "
stroke="#0000bf"
stroke-width="15"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="325" cy="250" edge="63.33333" fill="#bf0000" id="svg_1" orient="x" points="406.36004929315476,249.999995640346 374.69338262648813,304.8482712133604 311.3600492931548,304.8482712133604 279.69338262648813,249.999995640346 311.36004929315476,195.15172006733155 374.69338262648813,195.15172006733155 406.36004929315476,249.99999564034596 " shape="regularPoly" sides="6" stroke="#0000bf" stroke-width="15" strokeWidth="5" strokecolor="#000000"/>
</g>
</svg>
`;

705
cypress/integration/ui/__snapshots__/scenario7.js.snap
View File

@ -1,659 +1,148 @@
exports[`use all parts of svg-edit > check tool_source_set #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer"><title>Layer 1</title></g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokewidth="5"
starradiusmultiplier="3"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
stroke="#000000"
stroke-width="5"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</polygon>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000">
<animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" to="1"/>
</polygon>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_clone #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="300"
cy="150"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2"
></polygon>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
<polygon cx="300" cy="150" fill="#FF0000" id="svg_2" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_change_rotation #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="300"
cy="150"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
transform="rotate(25 320 163.634)"
></polygon>
</g>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
<polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" id="svg_2_id" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 320 163.634)"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_change_blur #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="300"
cy="150"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
transform="rotate(25 320 163.634)"
filter="url(#svg_2_id_blur)"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
<polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 320 163.634)"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_change_opacity #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="300"
cy="150"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
filter="url(#svg_2_id_blur)"
opacity="0.5"
transform="rotate(25 320 163.634)"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
<polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 320 163.634)"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_bring_to_back #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
filter="url(#svg_2_id_blur)"
opacity="0.5"
transform="rotate(25 320 163.634)"
></polygon>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 320 163.634)"/>
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_bring_to_front #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="300"
cy="150"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
id="svg_2_id"
class="svg_2_class"
filter="url(#svg_2_id_blur)"
opacity="0.5"
transform="rotate(25 320 163.634)"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
<polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000" transform="rotate(25 320 163.634)"/>
</g>
<defs>
<filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_delete #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_align_to_page #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
stroke="#000000"
stroke-width="5"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" strokeWidth="5" strokecolor="#000000"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_change_stroke_width #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#FF0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
stroke="#000000"
stroke-width="15"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="15" strokeWidth="5" strokecolor="#000000"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_change_stoke_fill_color #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="5"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#bf0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 "
stroke="#0000bf"
stroke-width="15"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="300" cy="150" fill="#bf0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#0000bf" stroke-width="15" strokeWidth="5" strokecolor="#000000"/>
</g>
</svg>
`;
exports[`use all parts of svg-edit > check tool_star_change_sides #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<polygon
cx="300"
cy="150"
id="svg_1"
shape="star"
point="6"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#bf0000"
strokecolor="#000000"
strokeWidth="5"
starRadiusMultiplier="3"
points="301.8821476527623,70.14305132911319 312.99325876387337,117.56470902279233 359.61717457172483,103.47638466244652 324.1043698749845,136.80971799577986 359.6171745717249,170.14305132911318 312.9932587638734,156.0547269687674 301.8821476527623,203.47638466244655 290.7710365416512,156.0547269687674 244.1471207337997,170.14305132911323 279.65992543054006,136.80971799577986 244.1471207337997,103.47638466244652 290.7710365416512,117.56470902279233 301.8821476527623,70.14305132911319 312.9932587638734,117.56470902279233 "
stroke="#0000bf"
stroke-width="15"
fill-opacity="1"
stroke-opacity="1"
></polygon>
</g>
<defs>
<filter id="svg_2_id_blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"></feGaussianBlur>
</filter>
</defs>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g class="layer">
<title>Layer 1</title>
<polygon cx="300" cy="150" fill="#bf0000" id="svg_1" orient="point" point="6" points="301.8821476527623,70.14305132911319 312.99325876387337,117.56470902279233 359.61717457172483,103.47638466244652 324.1043698749845,136.80971799577986 359.6171745717249,170.14305132911318 312.9932587638734,156.0547269687674 301.8821476527623,203.47638466244655 290.7710365416512,156.0547269687674 244.1471207337997,170.14305132911323 279.65992543054006,136.80971799577986 244.1471207337997,103.47638466244652 290.7710365416512,117.56470902279233 301.8821476527623,70.14305132911319 312.9932587638734,117.56470902279233 " r="66.66667" r2="22.22222" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#0000bf" stroke-width="15" strokeWidth="5" strokecolor="#000000"/>
</g>
</svg>
`;

2
cypress/integration/ui/key-commands.js
View File

@ -8,7 +8,7 @@ describe('Key commands', function () {
visitAndApproveStorage()
})
it.skip('cmd-A on empty canvas should not cause an error', function () {
it('cmd-A on empty canvas should not cause an error', function () {
cy.get('body').type('{cmd}a')
})
})

6
cypress/integration/ui/scenario.js
View File

@ -1,11 +1,7 @@
import {
visitAndApproveStorage
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
const testSnapshot = () => {
cy.get('#svgcontent').cleanSnapshot()
}
describe('use various parts of svg-edit', function () {
before(() => {
visitAndApproveStorage()

6
cypress/integration/ui/scenario1.js
View File

@ -1,11 +1,7 @@
import {
visitAndApproveStorage
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
const testSnapshot = () => {
cy.get('#svgcontent').cleanSnapshot()
}
describe('use all parts of svg-edit', function () {
before(() => {
visitAndApproveStorage()

6
cypress/integration/ui/scenario2.js
View File

@ -1,11 +1,7 @@
import {
visitAndApproveStorage
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
const testSnapshot = () => {
cy.get('#svgcontent').cleanSnapshot()
}
describe('use all parts of svg-edit', function () {
before(() => {
visitAndApproveStorage()

8
cypress/integration/ui/scenario3.js
View File

@ -1,11 +1,7 @@
import {
visitAndApproveStorage
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
const testSnapshot = () => {
cy.get('#svgcontent').cleanSnapshot()
}
describe('use all parts of svg-edit', function () {
before(() => {
visitAndApproveStorage()
@ -56,7 +52,7 @@ describe('use all parts of svg-edit', function () {
it('check tool_path_change_seg_type', function () {
cy.get('#svg_1').click({ force: true })
cy.get('#svg_1').dblclick({ force: true })
cy.get('#seg_type').shadow().find('select').select('6').should('have.value', '6')
cy.get('#seg_type').shadow().find('select').select('6', { force: true }).should('have.value', '6')
cy.get('#ctrlpointgrip_3c1')
.trigger('mousedown', { force: true })
.trigger('mousemove', 130, 175, { force: true })

6
cypress/integration/ui/scenario4.js
View File

@ -1,11 +1,7 @@
import {
visitAndApproveStorage
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
const testSnapshot = () => {
cy.get('#svgcontent').cleanSnapshot()
}
describe('use all parts of svg-edit', function () {
before(() => {
visitAndApproveStorage()

6
cypress/integration/ui/scenario5.js
View File

@ -1,11 +1,7 @@
import {
visitAndApproveStorage
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
const testSnapshot = () => {
cy.get('#svgcontent').cleanSnapshot()
}
describe('use all parts of svg-edit', function () {
before(() => {
visitAndApproveStorage()

6
cypress/integration/ui/scenario6.js
View File

@ -1,11 +1,7 @@
import {
visitAndApproveStorage
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
const testSnapshot = () => {
cy.get('#svgcontent').cleanSnapshot()
}
describe('use all parts of svg-edit', function () {
before(() => {
visitAndApproveStorage()

6
cypress/integration/ui/scenario7.js
View File

@ -1,11 +1,7 @@
import {
visitAndApproveStorage
visitAndApproveStorage, testSnapshot
} from '../../support/ui-test-helper.js'
const testSnapshot = () => {
cy.get('#svgcontent').cleanSnapshot()
}
describe('use all parts of svg-edit', function () {
before(() => {
visitAndApproveStorage()

23
cypress/support/commands.js
View File

@ -23,26 +23,3 @@
//
// -- This will overwrite an existing command --
// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
/* globals Cypress */
// remove the style attributes that is causing differences in snapshots
const ngAttributes = ['style']
Cypress.Commands.add(
'cleanSnapshot',
{
prevSubject: true
},
(subject, _snapshotOptions) => {
let html = subject[0].outerHTML
for (const attribute of ngAttributes) {
const expression = new RegExp(`${attribute}[^= ]*="[^"]*"`, 'g')
html = html.replace(expression, '')
}
html = html.replace(/<!--[\s\S]*?-->/g, '')
const sanitisedBody = new DOMParser().parseFromString(html, 'text/html').querySelector('body')
return cy.wrap(sanitisedBody.firstChild).toMatchSnapshot()
}
)

8
cypress/support/ui-test-helper.js
View File

@ -1,5 +1,4 @@
export const approveStorage = () => {
// JFH will need to be chnaged when dialog is changed...
cy.get('#storage_ok').click()
}
@ -22,3 +21,10 @@ export const selectEnglish = () => {
cy.get('#lang_select').select('en')
cy.get('#tool_prefs_save').click()
}
export const testSnapshot = () => {
cy.window().then((win) => { // access to the remote Window so we can get the svgEditor variable
const svgContent = win.svgEditor.svgCanvas.getSvgString()
cy.wrap(unescape(svgContent)).toMatchSnapshot()
})
}

6
src/common/units.js
View File

@ -259,7 +259,7 @@ export const convertToNum = function (attr, val) {
* @param {Element} selectedElement
* @returns {boolean} Whether the unit is valid
*/
export const isValidUnit = function (attr, val, selectedElement) {
export const isValidUnit = (attr, val, selectedElement) => {
if (unitAttrs.includes(attr)) {
// True if it's just a number
if (!isNaN(val)) {
@ -277,14 +277,14 @@ export const isValidUnit = function (attr, val, selectedElement) {
// and the id value is valid.
let result = false
// because getElem() can throw an exception in the case of an invalid id
// because getElement() can throw an exception in the case of an invalid id
// (according to https://www.w3.org/TR/xml-id/ IDs must be a NCName)
// we wrap it in an exception and only return true if the ID was valid and
// not already present
try {
const elem = elementContainer_.getElement(val)
result = (!elem || elem === selectedElement)
} catch (e) { /* empty fn */ }
} catch (e) { console.error(e) }
return result
}
return true

3
src/editor/Editor.js
View File

@ -116,8 +116,9 @@ class Editor extends EditorStartup {
this.topPanel = new TopPanel(this)
this.layersPanel = new LayersPanel(this)
this.mainMenu = new MainMenu(this)
// makes svgEditor accessible as a global variable
window.svgEditor = this
}
} // end Constructor
/**
*

1
src/editor/components/jgraduate/jQuery.jPicker.js
View File

@ -15,7 +15,6 @@
* Color Picker page: {@link http://johndyer.name/photoshop-like-javascript-color-picker/}
*/
/* eslint-disable max-len */
/* gl#bals svgEditor */
import ColorValuePicker from './ColorValuePicker.js'
import Slider from './Slider.js'
import { findPos, mergeDeep } from './Util.js'

4
src/editor/extensions/ext-markers/ext-markers.js
View File

@ -72,7 +72,7 @@ export default {
if (!m || m.length !== 2) {
return null
}
return svgCanvas.getElem(m[1])
return svgCanvas.getElement(m[1])
}
/**
@ -101,7 +101,7 @@ export default {
*/
const addMarker = (id, seType) => {
const selElems = svgCanvas.getSelectedElements()
let marker = svgCanvas.getElem(id)
let marker = svgCanvas.getElement(id)
if (marker) { return undefined }
if (seType === '' || seType === 'nomarker') { return undefined }
const el = selElems[0]

15
src/svgcanvas/blur-event.js
View File

@ -31,19 +31,15 @@ export const setBlurNoUndo = function (val) {
if (val === 0) {
// Don't change the StdDev, as that will hide the element.
// Instead, just remove the value for "filter"
svgCanvas.changeSelectedAttributeNoUndoMethod('filter', '')
svgCanvas.changeSelectedAttributeNoUndo('filter', '')
svgCanvas.setFilterHidden(true)
} else {
const elem = selectedElements[0]
if (svgCanvas.getFilterHidden()) {
svgCanvas.changeSelectedAttributeNoUndoMethod('filter', 'url(#' + elem.id + '_blur)')
}
if (svgCanvas.isWebkit()) {
elem.removeAttribute('filter')
elem.setAttribute('filter', 'url(#' + elem.id + '_blur)')
svgCanvas.changeSelectedAttributeNoUndo('filter', 'url(#' + elem.id + '_blur)')
}
const filter = svgCanvas.getFilter()
svgCanvas.changeSelectedAttributeNoUndoMethod('stdDeviation', val, [filter.firstChild])
svgCanvas.changeSelectedAttributeNoUndo('stdDeviation', val, [filter.firstChild])
svgCanvas.setBlurOffsets(filter, val)
}
}
@ -77,8 +73,7 @@ export const setBlurOffsets = function (filterElem, stdDev) {
width: '200%',
height: '200%'
}, 100)
// Removing these attributes hides text in Chrome (see Issue 579)
} else if (!svgCanvas.isWebkit()) {
} else {
filterElem.removeAttribute('x')
filterElem.removeAttribute('y')
filterElem.removeAttribute('width')
@ -107,7 +102,7 @@ export const setBlur = function (val, complete) {
// Looks for associated blur, creates one if not found
const elem = selectedElements[0]
const elemId = elem.id
svgCanvas.setFilter(svgCanvas.getElem(elemId + '_blur'))
svgCanvas.setFilter(svgCanvas.getElement(elemId + '_blur'))
val -= 0

4
src/svgcanvas/draw.js
View File

@ -10,7 +10,7 @@ import HistoryRecordingService from './historyrecording.js'
import { NS } from './namespaces.js'
import {
toXml, getElem
toXml, getElement
} from './utilities.js'
import {
copyElem as utilCopyElem
@ -1013,7 +1013,7 @@ export const setContext = function (elem) {
const dataStorage = svgCanvas.getDataStorage()
leaveContext()
if (typeof elem === 'string') {
elem = getElem(elem)
elem = getElement(elem)
}
// Edit inside this group

10
src/svgcanvas/elem-get-set.js
View File

@ -8,7 +8,7 @@ import { jGraduate } from '../editor/components/jgraduate/jQuery.jGraduate.js'
import { NS } from './namespaces.js'
import {
getVisibleElements, getStrokedBBoxDefaultVisible, findDefs,
walkTree, isNullish, getHref, setHref, getElem
walkTree, isNullish, getHref, setHref, getElement
} from './utilities.js'
import {
convertToNum
@ -356,7 +356,7 @@ export const setColorMethod = function (type, val, preventUndo) {
svgCanvas.changeSelectedAttribute(type, val, elems)
svgCanvas.call('changed', elems)
} else {
svgCanvas.changeSelectedAttributeNoUndoMethod(type, val, elems)
svgCanvas.changeSelectedAttributeNoUndo(type, val, elems)
}
}
}
@ -883,10 +883,10 @@ export const setSegTypeMethod = function (newType) {
* @returns {void}
*/
export const setBackgroundMethod = function (color, url) {
const bg = getElem('canvasBackground')
const bg = getElement('canvasBackground')
const border = bg.querySelector('rect')
let bgImg = getElem('background_image')
let bgPattern = getElem('background_pattern')
let bgImg = getElement('background_image')
let bgPattern = getElement('background_pattern')
border.setAttribute('fill', color === 'chessboard' ? '#fff' : color)
if (color === 'chessboard') {
if (!bgPattern) {

6
src/svgcanvas/event.js
View File

@ -5,7 +5,7 @@
* @copyright 2011 Jeff Schiller
*/
import {
assignAttributes, cleanupElement, getElem, getRotationAngle, snapToGrid, walkTree,
assignAttributes, cleanupElement, getElement, getRotationAngle, snapToGrid, walkTree,
isNullish, preventClickDefault, setHref, getBBox
} from './utilities.js'
import {
@ -98,7 +98,7 @@ export const mouseMoveEvent = (evt) => {
const pt = transformPoint(evt.clientX, evt.clientY, svgCanvas.getrootSctm())
const mouseX = pt.x * zoom
const mouseY = pt.y * zoom
const shape = getElem(svgCanvas.getId())
const shape = getElement(svgCanvas.getId())
let realX = mouseX / zoom
let x = realX
@ -555,7 +555,7 @@ export const mouseUpEvent = (evt) => {
const x = mouseX / zoom
const y = mouseY / zoom
let element = getElem(svgCanvas.getId())
let element = getElement(svgCanvas.getId())
let keep = false
const realX = x

4
src/svgcanvas/json.js
View File

@ -5,7 +5,7 @@
*
* @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
*/
import { getElem, assignAttributes, cleanupElement } from './utilities.js'
import { getElement, assignAttributes, cleanupElement } from './utilities.js'
import { NS } from './namespaces.js'
let svgCanvas = null
@ -67,7 +67,7 @@ export const getJsonFromSvgElements = (data) => {
export const addSVGElementsFromJson = function (data) {
if (typeof data === 'string') return svgdoc_.createTextNode(data)
let shape = getElem(data.attr.id)
let shape = getElement(data.attr.id)
// if shape is a path but we need to create a rect/ellipse, then remove the path
const currentLayer = svgCanvas.getDrawing().getCurrentLayer()
if (shape && data.element !== shape.tagName) {

18
src/svgcanvas/path-actions.js
View File

@ -14,7 +14,7 @@ import {
transformListToTransform
} from './math.js'
import {
assignAttributes, getElem, getRotationAngle, snapToGrid, isNullish,
assignAttributes, getElement, getRotationAngle, snapToGrid, isNullish,
getBBox
} from './utilities.js'
@ -338,7 +338,7 @@ export const pathActionsMethod = (function () {
const zoom = svgCanvas.getZoom()
let x = mouseX / zoom
let y = mouseY / zoom
let stretchy = getElem('path_stretch_line')
let stretchy = getElement('path_stretch_line')
newPoint = [x, y]
if (svgCanvas.getGridSnapping()) {
@ -356,7 +356,7 @@ export const pathActionsMethod = (function () {
'stroke-width': '0.5',
fill: 'none'
})
getElem('selectorParentGroup').append(stretchy)
getElement('selectorParentGroup').append(stretchy)
}
stretchy.setAttribute('display', 'inline')
@ -404,7 +404,7 @@ export const pathActionsMethod = (function () {
// Remove previous path object if previously created
svgCanvas.removePath_(id)
const newpath = getElem(id)
const newpath = getElement(id)
let newseg
let sSeg
const len = seglist.numberOfItems
@ -624,7 +624,7 @@ export const pathActionsMethod = (function () {
svgCanvas.replacePathSeg(6, index, [ptX, ptY, lastX, lastY, altX, altY], drawnPath)
}
} else {
const stretchy = getElem('path_stretch_line')
const stretchy = getElement('path_stretch_line')
if (stretchy) {
const prev = seglist.getItem(index)
if (prev.pathSegType === 6) {
@ -709,7 +709,7 @@ export const pathActionsMethod = (function () {
if (svgCanvas.getCurrentMode() === 'path') {
newPoint = null
if (!drawnPath) {
element = getElem(svgCanvas.getId())
element = getElement(svgCanvas.getId())
svgCanvas.setStarted(false)
firstCtrl = null
}
@ -853,11 +853,11 @@ export const pathActionsMethod = (function () {
const drawnPath = svgCanvas.getDrawnPath()
currentPath = null
if (drawnPath) {
const elem = getElem(svgCanvas.getId())
const psl = getElem('path_stretch_line')
const elem = getElement(svgCanvas.getId())
const psl = getElement('path_stretch_line')
psl.parentNode.removeChild(psl)
elem.parentNode.removeChild(elem)
const pathpointgripContainer = getElem('pathpointgrip_container')
const pathpointgripContainer = getElement('pathpointgrip_container')
const elements = pathpointgripContainer.querySelectorAll('*')
Array.prototype.forEach.call(elements, function (el) {
el.setAttribute('display', 'none')

14
src/svgcanvas/path-method.js
View File

@ -13,7 +13,7 @@ import {
} from './math.js'
import {
assignAttributes, getRotationAngle, isNullish,
getElem
getElement
} from './utilities.js'
let svgCanvas = null
@ -95,9 +95,9 @@ export const getPointFromGripMethod = function (pt, pth) {
* @returns {Element}
*/
export const getGripContainerMethod = function () {
let c = getElem('pathpointgrip_container')
let c = getElement('pathpointgrip_container')
if (!c) {
const parentElement = getElem('selectorParentGroup')
const parentElement = getElement('selectorParentGroup')
c = document.createElementNS(NS.SVG, 'g')
parentElement.append(c)
c.id = 'pathpointgrip_container'
@ -117,7 +117,7 @@ export const addPointGripMethod = function (index, x, y) {
// create the container of all the point grips
const pointGripContainer = getGripContainerMethod()
let pointGrip = getElem('pathpointgrip_' + index)
let pointGrip = getElement('pathpointgrip_' + index)
// create it
if (!pointGrip) {
pointGrip = document.createElementNS(NS.SVG, 'circle')
@ -164,7 +164,7 @@ export const addPointGripMethod = function (index, x, y) {
* @returns {SVGCircleElement}
*/
export const addCtrlGripMethod = function (id) {
let pointGrip = getElem('ctrlpointgrip_' + id)
let pointGrip = getElement('ctrlpointgrip_' + id)
if (pointGrip) { return pointGrip }
pointGrip = document.createElementNS(NS.SVG, 'circle')
@ -192,7 +192,7 @@ export const addCtrlGripMethod = function (id) {
* @returns {SVGLineElement}
*/
export const getCtrlLineMethod = function (id) {
let ctrlLine = getElem('ctrlLine_' + id)
let ctrlLine = getElement('ctrlLine_' + id)
if (ctrlLine) { return ctrlLine }
ctrlLine = document.createElementNS(NS.SVG, 'line')
@ -299,7 +299,7 @@ export const replacePathSegMethod = function (type, index, pts, elem) {
*/
export const getSegSelectorMethod = function (seg, update) {
const { index } = seg
let segLine = getElem('segline_' + index)
let segLine = getElement('segline_' + index)
if (!segLine) {
const pointGripContainer = getGripContainerMethod()
// create segline

37
src/svgcanvas/recalculate.js
View File

@ -6,7 +6,6 @@
import { NS } from './namespaces.js'
import { convertToNum } from '../common/units.js'
import { isWebkit } from '../common/browser.js'
import { getRotationAngle, getHref, getBBox, getRefElem, isNullish } from './utilities.js'
import { BatchCommand, ChangeElementCommand } from './history.js'
import { remapElement } from './coords.js'
@ -155,7 +154,7 @@ export const recalculateDimensions = function (selected) {
// If it still has a single [M] or [R][M], return null too (prevents BatchCommand from being returned).
switch (selected.tagName) {
// Ignore these elements, as they can absorb the [M]
// Ignore these elements, as they can absorb the [M]
case 'line':
case 'polyline':
case 'polygon':
@ -609,24 +608,22 @@ export const recalculateDimensions = function (selected) {
// Check if it has a gradient with userSpaceOnUse, in which case
// adjust it by recalculating the matrix transform.
// TODO: Make this work in Webkit using transformlist.SVGTransformList
if (!isWebkit()) {
const fill = selected.getAttribute('fill')
if (fill && fill.startsWith('url(')) {
const paint = getRefElem(fill)
if (paint) {
let type = 'pattern'
if (paint?.tagName !== type) type = 'gradient'
const attrVal = paint.getAttribute(type + 'Units')
if (attrVal === 'userSpaceOnUse') {
// Update the userSpaceOnUse element
m = transformListToTransform(tlist).matrix
const gtlist = paint.transform.baseVal
const gmatrix = transformListToTransform(gtlist).matrix
m = matrixMultiply(m, gmatrix)
const mStr = 'matrix(' + [m.a, m.b, m.c, m.d, m.e, m.f].join(',') + ')'
paint.setAttribute(type + 'Transform', mStr)
}
const fill = selected.getAttribute('fill')
if (fill && fill.startsWith('url(')) {
const paint = getRefElem(fill)
if (paint) {
let type = 'pattern'
if (paint?.tagName !== type) type = 'gradient'
const attrVal = paint.getAttribute(type + 'Units')
if (attrVal === 'userSpaceOnUse') {
// Update the userSpaceOnUse element
m = transformListToTransform(tlist).matrix
const gtlist = paint.transform.baseVal
const gmatrix = transformListToTransform(gtlist).matrix
m = matrixMultiply(m, gmatrix)
const mStr = 'matrix(' + [m.a, m.b, m.c, m.d, m.e, m.f].join(',') + ')'
paint.setAttribute(type + 'Transform', mStr)
}
}
}

6
src/svgcanvas/selected-elem.js
View File

@ -10,7 +10,7 @@ import { NS } from './namespaces.js'
import * as hstry from './history.js'
import * as pathModule from './path.js'
import {
isNullish, getStrokedBBoxDefaultVisible, setHref, getElem, getHref, getVisibleElements,
isNullish, getStrokedBBoxDefaultVisible, setHref, getElement, getHref, getVisibleElements,
findDefs, getRotationAngle, getRefElem, getBBox as utilsGetBBox, walkTreePost, assignAttributes, getFeGaussianBlur
} from './utilities.js'
import {
@ -854,7 +854,7 @@ export const ungroupSelectedElement = function () {
}
if (g.tagName === 'use') {
// Somehow doesn't have data set, so retrieve
const symbol = getElem(getHref(g).substr(1))
const symbol = getElement(getHref(g).substr(1))
dataStorage.put(g, 'symbol', symbol)
dataStorage.put(g, 'ref', symbol)
convertToGroup(g)
@ -940,7 +940,7 @@ export const updateCanvas = function (w, h) {
y
})
const bgImg = getElem('background_image')
const bgImg = getElement('background_image')
if (bgImg) {
assignAttributes(bgImg, {
width: '100%',

2
src/svgcanvas/selection.js
View File

@ -423,7 +423,7 @@ export const setRotationAngle = function (val, preventUndo) {
)
svgCanvas.call('changed', selectedElements)
}
// const pointGripContainer = getElem('pathpointgrip_container');
// const pointGripContainer = getElement('pathpointgrip_container');
// if (elem.nodeName === 'path' && pointGripContainer) {
// pathActions.setPointContainerTransform(elem.getAttribute('transform'));
// }

2
src/svgcanvas/svg-exec.js
View File

@ -977,7 +977,7 @@ export const setUseDataMethod = function (parent) {
Array.prototype.forEach.call(elems, function (el, _) {
const dataStorage = svgCanvas.getDataStorage()
const id = svgCanvas.getHref(el).substr(1)
const refElem = svgCanvas.getElem(id)
const refElem = svgCanvas.getElement(id)
if (!refElem) { return }
dataStorage.put(el, 'ref', refElem)
if (refElem.tagName === 'symbol' || refElem.tagName === 'svg') {

9
src/svgcanvas/svgcanvas.js
View File

@ -48,7 +48,7 @@ import {
import { sanitizeSvg } from './sanitize.js'
import { getReverseNS, NS } from './namespaces.js'
import {
assignAttributes, cleanupElement, getElem, getUrlFromAttr,
assignAttributes, cleanupElement, getElement, getUrlFromAttr,
findDefs, getHref, setHref, getRefElem, getRotationAngle,
getBBoxOfElementAsPath, convertToPath, encode64, decode64,
getVisibleElements, init as utilsInit,
@ -147,6 +147,7 @@ class SvgCanvas {
this.bSpline = { x: 0, y: 0 }
this.nextPos = { x: 0, y: 0 }
this.idprefix = 'svg_' // Prefix string for element IDs
this.encodableImages = {}
this.curConfig = { // Default configuration options
show_outside_canvas: true,
@ -521,7 +522,7 @@ class SvgCanvas {
Object.values(attrs).forEach((val) => {
if (val && val.startsWith('url(')) {
const id = getUrlFromAttr(val).substr(1)
const ref = getElem(id)
const ref = getElement(id)
if (!ref) {
findDefs().append(this.removedElements[id])
delete this.removedElements[id]
@ -744,7 +745,7 @@ class SvgCanvas {
if (elem) {
const filterUrl = elem.getAttribute('filter')
if (filterUrl) {
const blur = getElem(elem.id + '_blur')
const blur = getElement(elem.id + '_blur')
if (blur) {
val = blur.firstChild.getAttribute('stdDeviation')
} else {
@ -876,7 +877,7 @@ class SvgCanvas {
this.setHref = setHref
this.getBBox = utilsGetBBox
this.getRotationAngle = getRotationAngle
this.getElem = getElem
this.getElement = getElement
this.getRefElem = getRefElem
this.assignAttributes = assignAttributes
this.cleanupElement = cleanupElement

10
src/svgcanvas/text-actions.js
View File

@ -10,7 +10,7 @@ import {
transformPoint, getMatrix
} from './math.js'
import {
assignAttributes, getElem, getBBox as utilsGetBBox
assignAttributes, getElement, getBBox as utilsGetBBox
} from './utilities.js'
import {
supportsGoodTextCharPos
@ -67,7 +67,7 @@ export const textActionsMethod = (function () {
if (!empty) {
textinput.setSelectionRange(index, index)
}
cursor = getElem('text_cursor')
cursor = getElement('text_cursor')
if (!cursor) {
cursor = document.createElementNS(NS.SVG, 'line')
assignAttributes(cursor, {
@ -75,7 +75,7 @@ export const textActionsMethod = (function () {
stroke: '#333',
'stroke-width': 1
})
getElem('selectorParentGroup').append(cursor)
getElement('selectorParentGroup').append(cursor)
}
if (!blinker) {
@ -117,7 +117,7 @@ export const textActionsMethod = (function () {
textinput.setSelectionRange(start, end)
}
selblock = getElem('text_selectblock')
selblock = getElement('text_selectblock')
if (!selblock) {
selblock = document.createElementNS(NS.SVG, 'path')
assignAttributes(selblock, {
@ -126,7 +126,7 @@ export const textActionsMethod = (function () {
opacity: 0.5,
style: 'pointer-events:none'
})
getElem('selectorParentGroup').append(selblock)
getElement('selectorParentGroup').append(selblock)
}
const startbb = chardata[start]

2
src/svgcanvas/undo.js
View File

@ -27,7 +27,7 @@ let svgCanvas = null
* @param {module:undo.undoContext} undoContext
* @returns {void}
*/
export const init = function (canvas) {
export const init = (canvas) => {
svgCanvas = canvas
canvas.undoMgr = getUndoManager()
}

6
src/svgcanvas/utilities.js
View File

@ -1016,7 +1016,7 @@ export let getRotationAngle = function (elem, toRad) {
* @returns {Element} Reference element
*/
export const getRefElem = function (attrVal) {
return getElem(getUrlFromAttr(attrVal).substr(1))
return getElement(getUrlFromAttr(attrVal).substr(1))
}
/**
* Get the reference element associated with the given attribute value.
@ -1041,11 +1041,11 @@ export const getFeGaussianBlur = function (ele) {
/**
* Get a DOM element by ID within the SVG root element.
* @function module:utilities.getElem
* @function module:utilities.getElement
* @param {string} id - String with the element's new ID
* @returns {?Element}
*/
export const getElem = (id) => {
export const getElement = (id) => {
// querySelector lookup
return svgroot_.querySelector('#' + id)
}