Add key mapping for quick action (basic js, svg.js ) related to moving shape

[amitguptagwl]

Demo: https://naturalintelligence.github.io/imglab/

workarea.tag.html

• Ctrl + arrow key: to move a selected shape(s) by 1 pix

Hint code:

if(up) diffY = -1
if(down) diffY = 1
if(left) diffX = -1
if(right) diffX = 1

selectedShapes.forEach(shape => { 
   shape.move(shape.rbox.x + diffX ,shape.rbox.y + diffY) ;
}

Note - all the new key mappings need to be mentioned in shortcuts.tag.html

Check technical documentation.

[devamaz]

Will love to work on this

[amitguptagwl]

Please go on. I hope, it'll not take much time.

[devamaz]

Sorry man didn't check my feeds will work on it today

[devamaz]

Hy need some help with the selectedShapes they are the selectedElement right? @amitguptagwl

[amitguptagwl]

if you mean by variable name it should be selectedElements

[devamaz]

ok Thanks

[devamaz]

Sorry can't continue with this if another person can take

[amitguptagwl]

no problem

[amitguptagwl]

Snippet for reference

selectedElements.forEach(el => {
    el.parent().dy(-1);
});