tui-image-editor.js 中文汉化配置及菜单svg路径设置
今天我们来介绍一款强大的图像处理插件,媲美Photoshop,我们先看看效果

从图像滤镜到裁剪、遮罩、文字添加、图标图形添加、自由绘画到混合图层,非常强大的一款在线js图像处理插件
以后简单地处理图片根本就不用装图像处理软件了,打开浏览器就能处理图像,非常方便,由于是国外的大牛写的,没有中文版
我们根据官方指南,进行了翻译,tui-image-editor的中文菜单翻译文件如下
var locale_ru_ZH = {
// override default English locale to your custom
'Crop': '裁剪',
'Delete': '删除',
'Delete-all': '删除所有',
"Load": "选择图片",
'Download': '下载图片',
'Sharpen': '锐化',
'Emboss': '浮雕',
'Blur': '模糊',
'Sepia': '深褐色',
'Sepia2': '深褐色2',
'Invert': '反色',
'Grayscale': '灰度化',
'Remove White': '移除白色',
'Threshold': '阈值',
'Distance': '距离',
'Filter': '滤镜',
'Color Filter': '颜色滤镜',
'Pixelate': '像素化',
'Noise': '噪点',
'Brightness': '亮度',
'Redo': '重做',
'Undo': '撤销',
'Reset': '重设',
'Flip': '翻转',
'Rotate': '旋转',
'Draw': '绘画',
'Shape': '图形',
'Icon': '图标',
'Text': '文字',
'Mask': '遮罩',
'Apply': '应用',
'Cancel': '取消',
'Custom': '自定义',
'Square': '正方形',
'Load Mask Image': '选择遮罩图片',
'Range': '角度',
'Color': '颜色',
'Fill': '填充',
'Stroke': '边框',
'Rectangle': '长方形',
'Circle': '圆形',
'Triangle': '三角形',
'Bold': '加粗',
'Italic': '倾斜',
'Underline': '下横线',
'Left': '左对齐',
'Center': '居中',
'Right': '右对齐',
'Text size': '文本大小',
'Arrow': '箭头',
'Arrow-2': '箭头2',
'Arrow-3': '箭头3',
'Value': '值',
'Custom icon': '自定义图标',
'Gradient transparency': '渐变透明',
'Blend': '混合',
'Multiply': '叠加',
'Tint': '色调',
'Heart': '心',
'Bubble': '泡泡',
'Location': '位置',
'Polygon': '多变形',
'Star-1': '星星1',
'Star-2': '星星2',
'Free': '自由',
'Straight': '直线',
// etc...
};
将他放在html中,然后初始化tui-image-editor的时候加载这个中文包 var imageEditor = new tui.ImageEditor('#tui-image-editor-container', {
includeUI: {
...点击查看剩余70%
网友评论0