library/cropperjs/src/js/template.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

export default (
  '<div class="cropper-container" touch-action="none">'
    + '<div class="cropper-wrap-box">'
      + '<div class="cropper-canvas"></div>'
    + '</div>'
    + '<div class="cropper-drag-box"></div>'
    + '<div class="cropper-crop-box">'
      + '<span class="cropper-view-box"></span>'
      + '<span class="cropper-dashed dashed-h"></span>'
      + '<span class="cropper-dashed dashed-v"></span>'
      + '<span class="cropper-center"></span>'
      + '<span class="cropper-face"></span>'
      + '<span class="cropper-line line-e" data-cropper-action="e"></span>'
      + '<span class="cropper-line line-n" data-cropper-action="n"></span>'
      + '<span class="cropper-line line-w" data-cropper-action="w"></span>'
      + '<span class="cropper-line line-s" data-cropper-action="s"></span>'
      + '<span class="cropper-point point-e" data-cropper-action="e"></span>'
      + '<span class="cropper-point point-n" data-cropper-action="n"></span>'
      + '<span class="cropper-point point-w" data-cropper-action="w"></span>'
      + '<span class="cropper-point point-s" data-cropper-action="s"></span>'
      + '<span class="cropper-point point-ne" data-cropper-action="ne"></span>'
      + '<span class="cropper-point point-nw" data-cropper-action="nw"></span>'
      + '<span class="cropper-point point-sw" data-cropper-action="sw"></span>'
      + '<span class="cropper-point point-se" data-cropper-action="se"></span>'
    + '</div>'
  + '</div>'
);