tui-image-editor汉化
tui-image-editor是一款开源的在线图片编辑包。
官网:
https://nhn.github.io/tui.image-editor/
该工具未提供中文支持,下面是汉化的内容。
// local_zh_cn.js
const locale_zh_cn = {
'Load': '加载本地',
'Download': '下载当前',
'Custom': '自定义',
'Square': '正方形',
'Apply': '应用',
'Cancel': '取消',
'Free': '自由设定',
'Straight': '直线',
'Color': '颜色',
'Range': '粗细',
'Grayscale': '灰度',
'Invert': '旋转',
'Sepia': '深褐色',
'Sepia2': '深褐色2',
'Blur': '模糊',
'Sharpen': '锐化',
'Emboss': '浮雕',
'Remove White': '消除白色',
'Distance': '边距',
'Brightness': '亮度',
'Noise': '降噪',
'Pixelate': '像素化',
'Color Filter': '颜色过滤',
'Threshold': '阈值',
'Tint': '色调',
'Multiply': '复合',
'Flip X': '镜像',
'Flip Y': '翻转',
'Reset': '重置',
'Arrow-1': '箭头1',
'Arrow-2': '箭头2',
'Arrow-3': '箭头3',
'Star-1': '星形1',
'Star-2': '星形2',
'Polygon': '多边形',
'Location': '定位',
'Heart': '心形',
'Bubble': '气泡',
'Custom icon': '自定义图标',
'Load Mask Image': '加载水印',
'Load Mask Image': '加载水印',
'Width': '宽',
'Height': '高',
'Lock Aspect Ratio': '保持尺寸比例',
'Rectangle': '矩形',
'Circle': '圆形',
'Triangle': '三角形',
'Fill': '填充',
'Stroke': '画笔',
'Bold': '加粗',
'Italic': '斜体',
'Underline': '下划线',
'Left': '居左',
'Center': '居中',
'Right': '居右',
'Text size': '字体大小',
'Zoom In': '放大',
'Zoom Out': '缩小',
'ZoomIn': '放大',
'ZoomOut': '缩小',
'Hand': '拖动',
'Resize': '尺寸',
'Crop': '裁剪',
'Crop': '裁剪',
'Flip': '翻转',
'Rotate': '旋转',
'Draw': '画笔',
'Shape': '形状',
'Icon': '图标',
'Text': '文字',
'Mask': '水印',
'Filter': '滤镜',
'History': '历史动作',
'Undo': '撤退',
'Redo': '重做',
'Delete': '去除',
'DeleteAll': '全部去除',
'Blend': '混合',
};
export default locale_zh_cn;
使用:
// index.vue
import local_zhCn from './zh_cn';
....
editImgRef.value = new ImageEditor(document.getElementById('digImgRef'), {
includeUI: {
loadImage: {
path: '// path‘
name: '//name',
},
locale: local_zhCn, //加载语言包。
initMenu: 'filter',
menuBarPosition: 'bottom',
},
cssMaxWidth: window.innerWidth * 1 < 800 ? 800 : window.innerWidth,
cssMaxHeight: window.innerHeight * 1 < 800 ? 800 : window.innerHeight,
selectionStyle: {
cornerSize: 20,
rotatingPointOffset: 70,
},
});
....