@svgdotjs/svg.select.js/src/svg.select.css

An extension of svg.js which allows to select elements with mouse

.svg_select_shape {
  stroke-width: 1;
  stroke-dasharray: 10 10;
  stroke: black;
  stroke-opacity: 0.1;
  pointer-events: none;
  fill: none;
}

.svg_select_shape_pointSelect {
  stroke-width: 1;
  fill: none;
  stroke-dasharray: 10 10;
  stroke: black;
  stroke-opacity: 0.8;
  pointer-events: none;
}

.svg_select_handle {
  stroke-width: 3;
  stroke: black;
  fill: none;
}

.svg_select_handle_rot {
  fill: white;
  stroke: black;
  stroke-width: 1;
  cursor: move;
}

.svg_select_handle_lt {
  cursor: nw-resize;
}
.svg_select_handle_rt {
  cursor: ne-resize;
}
.svg_select_handle_rb {
  cursor: se-resize;
}
.svg_select_handle_lb {
  cursor: sw-resize;
}
.svg_select_handle_t {
  cursor: n-resize;
}
.svg_select_handle_r {
  cursor: e-resize;
}
.svg_select_handle_b {
  cursor: s-resize;
}
.svg_select_handle_l {
  cursor: w-resize;
}

.svg_select_handle_point {
  stroke: black;
  stroke-width: 1;
  cursor: move;
  fill: white;
}