Loading...
Select Image
Supports JPG, JPEG, PNG, BMP formats
Original Image
Before
Edited Image
After
Tutorial
Detailed Guide
Basic Video Tutorial
Must-watch for beginners
Advanced Video Tutorial
Advanced tips sharing
Effect Demo
Original
Result
Auto Text Recognition
One-click Text Edit
Auto Color Restoration
Toolbar
onTextDrag(left, top, width, height, index)" @resizing="(left, top, width, height) => onTextResize(left, top, width, height, index)" @activated="onTextActivated(index)" @deactivated="onTextDeactivated(index)" class="text-item" :class="{ 'editing': item.edit }" :style="{ backgroundColor: item.bgColor || 'transparent', fontSize: item.fontSize + 'px', color: item.fontColor || '#000', fontFamily: getFontFamilyName(item.fontFamily) || 'Arial', letterSpacing: (item.letterSpacing || 0) + 'px', border: item.edit ? '2px solid #409EFF' : '2px dashed #ff6b6b', borderRadius: '4px', padding: '2px', display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: 'pointer' }" :title="'Click to edit: ' + (item.editValue || item.value)">
{{ item.editValue || item.value }}
Text Editor
×
Text Content
Font Size: {{ fontSize }}px
Letter Spacing: {{ letterSpacing }}px
Font Color
💡 AI Recommended Colors (Based on Image Analysis)
Background Color
💡 AI推荐颜色(基于图片分析)
Font Selection
AaBb123
Remove background
Delete Text
💡 When text needs to be displayed transparently, please click remove background
Save Image