search

nhn / toast-ui.vue-image-editor

Toast UI Image Editor for Vue
MIT License
187 stars 41 forks source link

How to align text using Toast UI Vue Image Editor Text Alignment? #25

Open naveenkumarmark opened 4 years ago

naveenkumarmark commented 4 years ago

Version

"@toast-ui/vue-image-editor": "^1.0.2"

Development Environment

Windows 10, Chrome Version 76.0

Current Behavior

Toast Ui Image Editor text alignment not working correctly. The Text Alignment helpers moves the controller not the text.

import ImageEditor from '@toast-ui/vue-image-editor/src/ImageEditor.vue'
export default {
  name: 'ToastUI',
  components: {
    'image-editor': ImageEditor
  },
  data () {
    return {
      useDefaultUI: true,
      options: {
        includeUI: {
          loadImage: {
            path: '',
            name: ''
          },
          theme: whiteTheme,
          initMenu: ['icon'],
          menuBarPosition: 'bottom',
          menu: ['crop', 'flip', 'rotate', 'draw', 'shape', 'icon', 'text', 'mask', 'filter'] //, 'filter',
        },
        cssMaxWidth: document.documentElement.clientWidth,
        cssMaxHeight: document.documentElement.clientHeight,
        selectionStyle: {
          cornerSize: 20,
          rotatingPointOffset: 70
        },
        usageStatistics: false
      }
 }
}

Expected Behavior

Able to align text with text alignment options alignment_issue