uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Try mouse icon instead of mouse cursor icon on the given layer. #27

Browse Source
This commit is contained in:
Arpad Csanyi
2016-04-14 23:50:02 +02:00
parent 17ae4aab30
commit 1f26bd3034
2 changed files with 314 additions and 356 deletions
Download Patch File Download Diff File Expand all files Collapse all files

293
examples/uhk.key-design.mouse-layer.svg
View File

@@ -51,7 +51,7 @@
showgrid="false"
inkscape:zoom="1.4585257"
inkscape:cx="512.161"
inkscape:cy="290.51895"
inkscape:cy="235.66905"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
@@ -618,8 +618,8 @@
style="fill:#333333;stroke:none"
rx="3.5433071"
ry="3.5433071"
x="395.1778"
y="160.27048"
x="395.80423"
y="159.85286"
height="63.779526"
width="63.779526"
id="b6" />
@@ -863,30 +863,6 @@
x="340.14719"
y="133.07333"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:19px;font-family:Helvetica;-inkscape-font-specification:Helvetica;text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:1" /></text>
<g
id="g4779"
transform="translate(2.1678363,-1.5357466)">
<g
id="g4899"
transform="translate(0.58603635,-1.8627566e-6)">
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
id="path4608"
inkscape:connector-curvature="0" />
<text
y="255.37961"
x="564.59619"
font-size="19"
id="SvgjsText1172-6"
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
<tspan
style="text-align:start;text-anchor:start"
x="564.59619"
id="SvgjsTspan1173-0">Move</tspan>
</text>
</g>
</g>
<path
style="fill:#ffffff;fill-opacity:1"
d="m 574.17353,267.01731 5.33602,-3.10418 0.0584,2.19603 0.0133,2.21287 5.37516,0.013 5.37516,0.013 0,1.76147 0,1.76146 -5.37516,0.013 -5.37516,0.013 -0.0133,2.20879 -0.0347,2.2088 -10.51047,-6.12236 -0.14014,-0.0876 z"
@@ -986,31 +962,6 @@
id="path4917-04"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccccccccc" />
<g
style="overflow:visible"
id="g4779-3-1"
transform="translate(-83.258099,-68.858562)">
<g
id="g4899-5-1"
transform="translate(0.58603635,-1.8627566e-6)">
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
id="path4608-0-6"
inkscape:connector-curvature="0" />
<text
y="255.37961"
x="564.59619"
font-size="19"
id="SvgjsText1172-6-0-2"
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
<tspan
style="text-align:start;text-anchor:start"
x="564.59619"
id="SvgjsTspan1173-0-7-3">Scroll</tspan>
</text>
</g>
</g>
<g
id="g4447"
transform="matrix(0,0.04974319,-0.04974319,0,501.47717,195.70441)"
@@ -1079,31 +1030,6 @@
id="g4439"
style="fill:#ffffff;fill-opacity:1" />
</g>
<g
style="overflow:visible"
id="g4779-3-1-7"
transform="translate(-65.683268,-1.5357451)">
<g
id="g4899-5-1-8"
transform="translate(0.58603635,-1.8627566e-6)">
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
id="path4608-0-6-9"
inkscape:connector-curvature="0" />
<text
y="255.37961"
x="564.59619"
font-size="19"
id="SvgjsText1172-6-0-2-0"
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
<tspan
style="text-align:start;text-anchor:start"
x="564.59619"
id="SvgjsTspan1173-0-7-3-3">Scroll</tspan>
</text>
</g>
</g>
<g
id="g4447-3"
transform="matrix(0,-0.04974319,-0.04974319,0,519.052,277.20046)"
@@ -1358,31 +1284,6 @@
id="g4439-4"
style="fill:#ffffff;fill-opacity:1" />
</g>
<g
style="overflow:visible"
id="g4779-3-1-72"
transform="translate(-334.10612,-1.5365324)">
<g
id="g4899-5-1-5"
transform="translate(0.58603635,-1.8627566e-6)">
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
id="path4608-0-6-2"
inkscape:connector-curvature="0" />
<text
y="255.37961"
x="564.59619"
font-size="19"
id="SvgjsText1172-6-0-2-52"
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
<tspan
style="text-align:start;text-anchor:start"
x="564.59619"
id="SvgjsTspan1173-0-7-3-7">Click</tspan>
</text>
</g>
</g>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -1394,31 +1295,6 @@
id="tspan4774"
x="224.35167"
y="274.12228">Right</tspan></text>
<g
style="overflow:visible"
id="g4779-3-1-72-6"
transform="translate(-266.4644,-1.5365389)">
<g
id="g4899-5-1-5-5"
transform="translate(0.58603635,-1.8627566e-6)">
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
id="path4608-0-6-2-8"
inkscape:connector-curvature="0" />
<text
y="255.37961"
x="564.59619"
font-size="19"
id="SvgjsText1172-6-0-2-52-6"
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
<tspan
style="text-align:start;text-anchor:start"
x="564.59619"
id="SvgjsTspan1173-0-7-3-7-5">Click</tspan>
</text>
</g>
</g>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -1430,31 +1306,6 @@
id="tspan4774-4"
x="286.6694"
y="275.58875">Middle</tspan></text>
<g
style="overflow:visible"
id="g4779-3-1-72-1"
transform="translate(-198.82264,-1.5365385)">
<g
id="g4899-5-1-5-8"
transform="translate(0.58603635,-1.8627566e-6)">
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
id="path4608-0-6-2-6"
inkscape:connector-curvature="0" />
<text
y="255.37961"
x="564.59619"
font-size="19"
id="SvgjsText1172-6-0-2-52-0"
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
<tspan
style="text-align:start;text-anchor:start"
x="564.59619"
id="SvgjsTspan1173-0-7-3-7-8">Click</tspan>
</text>
</g>
</g>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -1538,6 +1389,37 @@
id="tspan4774-0"
x="324.96576"
y="342.62259">Btn 5</tspan></text>
<text
sodipodi:linespacing="125%"
id="text4768-32"
y="341.4451"
x="393.08392"
style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="341.4451"
x="393.08392"
id="tspan4770-0"
sodipodi:role="line" /></text>
<g
id="g4555"
transform="translate(1.7599488,0.08481185)">
<text
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
id="SvgjsText1172-6-0-2"
font-size="19"
x="481.92413"
y="186.52104">
<tspan
id="SvgjsTspan1173-0-7-3"
x="481.92413"
style="text-align:start;text-anchor:start">Scroll</tspan>
</text>
<path
id="rect4501-8"
style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
inkscape:connector-curvature="0" />
</g>
<g
style="overflow:visible"
id="g4779-3-1-72-7"
@@ -1584,5 +1466,110 @@
sodipodi:role="line"
id="tspan4692"
x="386.00623"
y="339.72635"> </tspan></text>
y="339.72635" /></text>
<g
style="overflow:visible"
id="g4555-3"
transform="translate(19.334779,67.407623)">
<text
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
id="SvgjsText1172-6-0-2-7"
font-size="19"
x="481.92413"
y="186.52104">
<tspan
id="SvgjsTspan1173-0-7-3-56"
x="481.92413"
style="text-align:start;text-anchor:start">Scroll</tspan>
</text>
<path
id="rect4501-8-3"
style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
inkscape:connector-curvature="0" />
</g>
<g
style="overflow:visible"
id="g4555-3-8"
transform="translate(87.185883,67.407623)">
<text
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
id="SvgjsText1172-6-0-2-7-2"
font-size="19"
x="481.92413"
y="186.52104">
<tspan
id="SvgjsTspan1173-0-7-3-56-0"
x="481.92413"
style="text-align:start;text-anchor:start">Move</tspan>
</text>
<path
id="rect4501-8-3-6"
style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
inkscape:connector-curvature="0" />
</g>
<g
style="overflow:visible"
id="g4555-3-2"
transform="translate(-249.08807,67.406837)">
<text
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
id="SvgjsText1172-6-0-2-7-0"
font-size="19"
x="481.92413"
y="186.52104">
<tspan
id="SvgjsTspan1173-0-7-3-56-9"
x="481.92413"
style="text-align:start;text-anchor:start">Click</tspan>
</text>
<path
id="rect4501-8-3-9"
style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
inkscape:connector-curvature="0" />
</g>
<g
style="overflow:visible"
id="g4555-3-2-0"
transform="translate(-181.44635,67.40683)">
<text
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
id="SvgjsText1172-6-0-2-7-0-4"
font-size="19"
x="481.92413"
y="186.52104">
<tspan
id="SvgjsTspan1173-0-7-3-56-9-9"
x="481.92413"
style="text-align:start;text-anchor:start">Click</tspan>
</text>
<path
id="rect4501-8-3-9-1"
style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
inkscape:connector-curvature="0" />
</g>
<g
style="overflow:visible"
id="g4555-3-2-5"
transform="translate(-113.80459,67.406829)">
<text
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
id="SvgjsText1172-6-0-2-7-0-5"
font-size="19"
x="481.92413"
y="186.52104">
<tspan
id="SvgjsTspan1173-0-7-3-56-9-5"
x="481.92413"
style="text-align:start;text-anchor:start">Click</tspan>
</text>
<path
id="rect4501-8-3-9-7"
style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
inkscape:connector-curvature="0" />
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 59 KiB

377
examples/uhk.key-design.mouse-layer.with_alignments.svg
View File

@@ -51,11 +51,11 @@
showgrid="false"
inkscape:zoom="1.4585257"
inkscape:cx="512.161"
inkscape:cy="290.51895"
inkscape:cy="235.66905"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="g4336-9-1-6"
inkscape:current-layer="g4336-9-1-3"
units="mm"
inkscape:document-units="mm"
inkscape:snap-bbox="true"
@@ -815,8 +815,8 @@
style="fill:#333333;stroke:none"
rx="3.5433071"
ry="3.5433071"
x="395.1778"
y="160.27048"
x="395.80423"
y="159.85286"
height="63.779526"
width="63.779526"
id="b6" />
@@ -1060,30 +1060,6 @@
x="340.14719"
y="133.07333"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:19px;font-family:Helvetica;-inkscape-font-specification:Helvetica;text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:1" /></text>
<g
id="g4779"
transform="translate(2.1678363,-1.5357466)">
<g
id="g4899"
transform="translate(0.58603635,-1.8627566e-6)">
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
id="path4608"
inkscape:connector-curvature="0" />
<text
y="255.37961"
x="564.59619"
font-size="19"
id="SvgjsText1172-6"
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
<tspan
style="text-align:start;text-anchor:start"
x="564.59619"
id="SvgjsTspan1173-0">Move</tspan>
</text>
</g>
</g>
<path
style="fill:#ffffff;fill-opacity:1"
d="m 574.17353,267.01731 5.33602,-3.10418 0.0584,2.19603 0.0133,2.21287 5.37516,0.013 5.37516,0.013 0,1.76147 0,1.76146 -5.37516,0.013 -5.37516,0.013 -0.0133,2.20879 -0.0347,2.2088 -10.51047,-6.12236 -0.14014,-0.0876 z"
@@ -1183,31 +1159,6 @@
id="path4917-04"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccccccccc" />
<g
style="overflow:visible"
id="g4779-3-1"
transform="translate(-83.258099,-68.858562)">
<g
id="g4899-5-1"
transform="translate(0.58603635,-1.8627566e-6)">
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
id="path4608-0-6"
inkscape:connector-curvature="0" />
<text
y="255.37961"
x="564.59619"
font-size="19"
id="SvgjsText1172-6-0-2"
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
<tspan
style="text-align:start;text-anchor:start"
x="564.59619"
id="SvgjsTspan1173-0-7-3">Scroll</tspan>
</text>
</g>
</g>
<g
id="g4447"
transform="matrix(0,0.04974319,-0.04974319,0,501.47717,195.70441)"
@@ -1317,31 +1268,6 @@
rx="3.5433099"
ry="3.5433097" />
</g>
<g
style="overflow:visible"
id="g4779-3-1-7"
transform="translate(-65.683268,-1.5357451)">
<g
id="g4899-5-1-8"
transform="translate(0.58603635,-1.8627566e-6)">
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
id="path4608-0-6-9"
inkscape:connector-curvature="0" />
<text
y="255.37961"
x="564.59619"
font-size="19"
id="SvgjsText1172-6-0-2-0"
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
<tspan
style="text-align:start;text-anchor:start"
x="564.59619"
id="SvgjsTspan1173-0-7-3-3">Scroll</tspan>
</text>
</g>
</g>
<g
id="g4447-3"
transform="matrix(0,-0.04974319,-0.04974319,0,519.052,277.20046)"
@@ -1730,31 +1656,6 @@
x="611.70618"
y="206.80026" /></text>
</g>
<g
style="overflow:visible"
id="g4779-3-1-72"
transform="translate(-334.10612,-1.5365324)">
<g
id="g4899-5-1-5"
transform="translate(0.58603635,-1.8627566e-6)">
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
id="path4608-0-6-2"
inkscape:connector-curvature="0" />
<text
y="255.37961"
x="564.59619"
font-size="19"
id="SvgjsText1172-6-0-2-52"
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
<tspan
style="text-align:start;text-anchor:start"
x="564.59619"
id="SvgjsTspan1173-0-7-3-7">Click</tspan>
</text>
</g>
</g>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -1818,31 +1719,6 @@
x="611.70618"
y="206.80026" /></text>
</g>
<g
style="overflow:visible"
id="g4779-3-1-72-6"
transform="translate(-266.4644,-1.5365389)">
<g
id="g4899-5-1-5-5"
transform="translate(0.58603635,-1.8627566e-6)">
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
id="path4608-0-6-2-8"
inkscape:connector-curvature="0" />
<text
y="255.37961"
x="564.59619"
font-size="19"
id="SvgjsText1172-6-0-2-52-6"
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
<tspan
style="text-align:start;text-anchor:start"
x="564.59619"
id="SvgjsTspan1173-0-7-3-7-5">Click</tspan>
</text>
</g>
</g>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -1906,31 +1782,6 @@
x="611.70618"
y="206.80026" /></text>
</g>
<g
style="overflow:visible"
id="g4779-3-1-72-1"
transform="translate(-198.82264,-1.5365385)">
<g
id="g4899-5-1-5-8"
transform="translate(0.58603635,-1.8627566e-6)">
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
id="path4608-0-6-2-6"
inkscape:connector-curvature="0" />
<text
y="255.37961"
x="564.59619"
font-size="19"
id="SvgjsText1172-6-0-2-52-0"
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
<tspan
style="text-align:start;text-anchor:start"
x="564.59619"
id="SvgjsTspan1173-0-7-3-7-8">Click</tspan>
</text>
</g>
</g>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -2118,57 +1969,72 @@
id="tspan4774-0"
x="324.96576"
y="342.62259">Btn 5</tspan></text>
<rect
ry="3.5433097"
rx="3.5433099"
y="305.54611"
x="378.52423"
height="21.259842"
width="63.779526"
id="rect5112-4-0-2-1-5-9-2-6-3"
style="overflow:visible;opacity:1;fill:#ff00ff;fill-opacity:0.425;fill-rule:nonzero;stroke:none;stroke-width:0.35433072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
ry="3.5433097"
rx="3.5433099"
y="348.06577"
x="378.52423"
height="10.629921"
width="63.779526"
id="rect5112-4-9-5-1-7-9-9-3-3-0-6"
style="overflow:visible;opacity:1;fill:#ff00ff;fill-opacity:0.425;fill-rule:nonzero;stroke:none;stroke-width:0.35433072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
ry="3.5433097"
rx="3.5433099"
y="294.91617"
x="378.52423"
height="10.629921"
width="63.779526"
id="rect5112-4-9-5-1-7-7-9-7-62-7-2-2"
style="overflow:visible;opacity:1;fill:#ff00ff;fill-opacity:0.425;fill-rule:nonzero;stroke:none;stroke-width:0.35433072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
ry="3.5433097"
rx="3.5433099"
y="326.80594"
x="378.52423"
height="21.259842"
width="63.779526"
id="rect5112-4-9-34-8-6-5-7-8-5-8"
style="overflow:visible;opacity:1;fill:#ff00ff;fill-opacity:0.425;fill-rule:nonzero;stroke:none;stroke-width:0.35433072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<text
sodipodi:linespacing="125%"
id="text4768-32"
y="341.4451"
x="393.08392"
style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="341.4451"
x="393.08392"
id="tspan4770-0"
sodipodi:role="line" /></text>
<g
transform="translate(-218.62225,134.64484)"
style="overflow:visible"
id="g4336-9-1-6">
<rect
style="overflow:visible;opacity:1;fill:#ff00ff;fill-opacity:0.425;fill-rule:nonzero;stroke:none;stroke-width:0.35433072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect5112-4-0-2-1-5-9-2-6-3"
width="63.779526"
height="21.259842"
x="597.14648"
y="170.90128"
rx="3.5433099"
ry="3.5433097" />
<rect
style="overflow:visible;opacity:1;fill:#ff00ff;fill-opacity:0.425;fill-rule:nonzero;stroke:none;stroke-width:0.35433072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect5112-4-9-5-1-7-9-9-3-3-0-6"
width="63.779526"
height="10.629921"
x="597.14648"
y="213.42093"
rx="3.5433099"
ry="3.5433097" />
<rect
style="overflow:visible;opacity:1;fill:#ff00ff;fill-opacity:0.425;fill-rule:nonzero;stroke:none;stroke-width:0.35433072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect5112-4-9-5-1-7-7-9-7-62-7-2-2"
width="63.779526"
height="10.629921"
x="597.14648"
y="160.27133"
rx="3.5433099"
ry="3.5433097" />
<rect
style="overflow:visible;opacity:1;fill:#ff00ff;fill-opacity:0.425;fill-rule:nonzero;stroke:none;stroke-width:0.35433072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect5112-4-9-34-8-6-5-7-8-5-8"
width="63.779526"
height="21.259842"
x="597.14648"
y="192.1611"
rx="3.5433099"
ry="3.5433097" />
id="g4555"
transform="translate(1.7599488,0.08481185)">
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="611.70618"
y="206.80026"
id="text4768-32"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan4770-0"
x="611.70618"
y="206.80026" /></text>
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
id="SvgjsText1172-6-0-2"
font-size="19"
x="481.92413"
y="186.52104">
<tspan
id="SvgjsTspan1173-0-7-3"
x="481.92413"
style="text-align:start;text-anchor:start">Scroll</tspan>
</text>
<path
id="rect4501-8"
style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
inkscape:connector-curvature="0" />
</g>
<g
style="overflow:visible"
@@ -2216,5 +2082,110 @@
sodipodi:role="line"
id="tspan4692"
x="386.00623"
y="339.72635"> </tspan></text>
y="339.72635" /></text>
<g
style="overflow:visible"
id="g4555-3"
transform="translate(19.334779,67.407623)">
<text
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
id="SvgjsText1172-6-0-2-7"
font-size="19"
x="481.92413"
y="186.52104">
<tspan
id="SvgjsTspan1173-0-7-3-56"
x="481.92413"
style="text-align:start;text-anchor:start">Scroll</tspan>
</text>
<path
id="rect4501-8-3"
style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
inkscape:connector-curvature="0" />
</g>
<g
style="overflow:visible"
id="g4555-3-8"
transform="translate(87.185883,67.407623)">
<text
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
id="SvgjsText1172-6-0-2-7-2"
font-size="19"
x="481.92413"
y="186.52104">
<tspan
id="SvgjsTspan1173-0-7-3-56-0"
x="481.92413"
style="text-align:start;text-anchor:start">Move</tspan>
</text>
<path
id="rect4501-8-3-6"
style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
inkscape:connector-curvature="0" />
</g>
<g
style="overflow:visible"
id="g4555-3-2"
transform="translate(-249.08807,67.406837)">
<text
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
id="SvgjsText1172-6-0-2-7-0"
font-size="19"
x="481.92413"
y="186.52104">
<tspan
id="SvgjsTspan1173-0-7-3-56-9"
x="481.92413"
style="text-align:start;text-anchor:start">Click</tspan>
</text>
<path
id="rect4501-8-3-9"
style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
inkscape:connector-curvature="0" />
</g>
<g
style="overflow:visible"
id="g4555-3-2-0"
transform="translate(-181.44635,67.40683)">
<text
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
id="SvgjsText1172-6-0-2-7-0-4"
font-size="19"
x="481.92413"
y="186.52104">
<tspan
id="SvgjsTspan1173-0-7-3-56-9-9"
x="481.92413"
style="text-align:start;text-anchor:start">Click</tspan>
</text>
<path
id="rect4501-8-3-9-1"
style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
inkscape:connector-curvature="0" />
</g>
<g
style="overflow:visible"
id="g4555-3-2-5"
transform="translate(-113.80459,67.406829)">
<text
style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
id="SvgjsText1172-6-0-2-7-0-5"
font-size="19"
x="481.92413"
y="186.52104">
<tspan
id="SvgjsTspan1173-0-7-3-56-9-5"
x="481.92413"
style="text-align:start;text-anchor:start">Click</tspan>
</text>
<path
id="rect4501-8-3-9-7"
style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
inkscape:connector-curvature="0" />
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 84 KiB

After

Width:  |  Height:  |  Size: 87 KiB