vue-poster-editor/lib/components/editor-mask-editor.html

A poster editor based on Vue.js

<div
    class="editor-mask-editor"
    :style="{
        width: editModel.width * zoom + 'px',
        height: editModel.height * zoom + 'px',
        left: editModel.left * zoom + 'px',
        top: (editModel.top + currentLayout.top) * zoom + 'px',
        transform: editModel.transform.toString()
    }"
     @mousedown='activeOuterEdit'
>
    <div
        class="editor-croper-grid editor-mask-editor-grid"
        :class="{active: showGrid}"
        :style="innerStyle"
    >
        <i class="editor-croper-grid-x1"></i>
        <i class="editor-croper-grid-x2"></i>
        <i class="editor-croper-grid-y1"></i>
        <i class="editor-croper-grid-y2"></i>
    </div>
    <div class="editor-mask-editor-main"></div>
</div>