How to align text using Toast UI Vue Image Editor Text Alignment?
naveenkumarmark opened this issue · comments
naveen_mark commented
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
}
}
}