Localization

DrawerJs is localizable and allows you to provide custom texts.

---

Configuration

Fill a localization object with the texts you want to display:

var localizedTexts = {
    'Add Drawer': 'Add Drawer',
    'Insert Drawer': 'Insert Drawer',
    'Insert': 'Insert',
    'Free drawing mode': 'Free drawing mode',
    'SimpleWhiteEraser': 'SimpleWhiteEraser',
    'Eraser': 'Eraser',
    'Delete this canvas': 'Delete this canvas',
    'Are you sure want to delete this canvas?': 'Are you sure want to delete this canvas?',
    // Vanvas properties popup
    'Size (px)': 'Size (px)',
    'Position': 'Position',
    'Inline': 'Inline',
    'Left': 'Left',
    'Center': 'Center',
    'Right': 'Right',
    'Floating': 'Floating',
    'Canvas properties': 'Canvas properties',
    'Background': 'Background',
    'transparent': 'transparent',
    'Cancel': 'Cancel',
    'Save': 'Save',
    // Fullscreen plugin
    'Enter fullscreen mode': 'Enter fullscreen mode',
    'Exit fullscreen mode': 'Exit fullscreen mode',
    // Shape context menu plugin
    'Bring forward': 'Bring forward',
    'Send backwards': 'Send backwards',
    'Bring to front': 'Bring to front',
    'Send to back': 'Send to back',
    'Duplicate': 'Duplicate',
    'Remove': 'Remove',
    // Brush size plugin
    'Size:': 'Size:',
    // Color plugin
    'Fill:': 'Fill:',
    'Transparent': 'Transparent',
    // Shape border plugin
    'Border:': 'Border:',
    'None': 'None',
    // Arrow plugin
    'Draw an arrow': 'Draw an arrow',
    'Draw a two-sided arrow': 'Draw a two-sided arrow',
    'Lines and arrows': 'Lines and arrows',
    // Circle plugin
    'Draw a circle': 'Draw a circle',
    // Line plugin
    'Draw a line': 'Draw a line',
    // Rectangle plugin
    'Draw a rectangle': 'Draw a rectangle',
    // Triangle plugin
    'Draw a triangle': 'Draw a triangle',
    // Polygon plugin
    'Draw a Polygon': 'Draw a Polygon',
    'Stop drawing a polygon': 'Stop drawing a polygon (esc)',
    'Click to start a new line': 'Click to start a new line',
    // Text plugin
    'Draw a text': 'Draw a text',
    'Click to place a text': 'Click to place a text',
    'Font:': 'Font:',
    // Movable floating mode plugin
    'Move canvas': 'Move canvas',
    // Base shape
    'Click to start drawing a ': 'Click to start drawing a ',
    //Image
    'Insert an image': 'Insert an image',
    'No file was selected!': 'No file was selected!',
    'Incorrect file type': 'Incorrect file type',
    'File is to big!. Maximum file size is ': 'File is to big!. Maximum file size is ',
    'Image failed to create!': 'Image failed to create!',        
    //Image Background
    'Insert a background image': 'Insert a background image'
};

Assign your localization object to the texts property:

texts: localizedTexts

• texts:
  • Object filled with localized or custom text for the toolbar, tooltips, menu items, and more.