Docs
API Docs

Focus

The focus tool allows your users to add a radial or linear blur to their images which lets them mimic Tilt Shift or Bokeh effects.

Specifying the available focus modes

In order to enable or disable specific focus modes, simply pass the items option to the focus tool configuration. The items will be displayed in the order mentioned by the configuration. Here is the list of default focus modes.

const editor = await PhotoEditorSDKUI.init({
  ...,
  focus: {
    items: [
      { identifier: 'radial' },
      { identifier: 'mirrored' },
      { identifier: 'linear' },
      { identifier: 'gaussian' }
    ]
  },
})

Localization

You can override all the labels used in focus tool using the custom.languages object in configuration. Here are the default focus localization labels.

await PhotoEditorSDKUI.init({
  // ...,
  custom: {
    languages: {
      en: {
        // ...,
        focus: {
          title: 'Focus',
          controls: {
            buttonReset: 'Reset to default',
            sliderIntensity: 'Focus Intensity'
          },
          items: {
            radial: 'Radial',
            mirrored: 'Mirrored',
            linear: 'Linear',
            gaussian: 'Gaussian'
          },
          history: {
            focusPosition: 'Focus Position',
            focusSize: 'Focus Size'
          },
        }
      }
    }
  }
})