Примеры

Практические примеры и фрагменты кода для различных случаев использования

В этом разделе представлены практические примеры использования Qwen Image Edit для различных задач.

1. Базовое редактирование текста

Изменение текста

Измените существующий текст на изображении:

const result = await qwen.editText({
  imageUrl: 'https://example.com/image_with_text.jpg',
  originalText: 'Hello World',
  newText: 'Привет, мир!',
});

Перевод текста

Переведите текст на изображении с одного языка на другой:

const result = await qwen.editText({
  imageUrl: 'https://example.com/image_with_english_text.jpg',
  originalText: 'Welcome',
  newText: 'Добро пожаловать', // Перевод на русский
  targetLanguage: 'ru',
});

Исправление текста

Исправьте опечатки или грамматические ошибки в тексте:

const result = await qwen.editText({
  imageUrl: 'https://example.com/image_with_typo.jpg',
  originalText: 'Welcom',
  newText: 'Welcome',
});

2. Добавление элементов

Добавление логотипов

Добавьте логотип вашей компании на изображение продукта:

const result = await qwen.addElement({
  imageUrl: 'https://example.com/product_image.jpg',
  element: {
    type: 'image',
    url: 'https://example.com/logo.png',
    position: { x: 50, y: 50 },
    size: { width: 150, height: 75 },
  },
});

Добавление водяных знаков

Защитите свои изображения, добавив водяной знак:

const result = await qwen.addElement({
  imageUrl: 'https://example.com/original_photo.jpg',
  element: {
    type: 'text',
    content: '© MyCompany',
    position: { x: 'center', y: 'bottom' },
    fontSize: 24,
    color: '#FFFFFF',
    opacity: 0.5,
  },
});

Добавление ценников

Автоматически добавляйте ценники к изображениям товаров:

const result = await qwen.addElement({
  imageUrl: 'https://example.com/item_for_sale.jpg',
  element: {
    type: 'text',
    content: '$99.99',
    position: { x: 10, y: 10 },
    fontSize: 36,
    color: '#FF0000',
    fontWeight: 'bold',
  },
});

Добавление информационных элементов

Добавьте стрелки, выноски или другие аннотации:

const result = await qwen.addElement({
  imageUrl: 'https://example.com/diagram.jpg',
  element: {
    type: 'shape',
    shape: 'arrow',
    start: { x: 100, y: 100 },
    end: { x: 200, y: 200 },
    color: '#0000FF',
    thickness: 5,
  },
});

3. Расширенный перенос стиля

Художественный стиль

Примените художественный стиль к фотографии:

const result = await qwen.transferStyle({
  imageUrl: 'https://example.com/my_photo.jpg',
  style: 'impressionist_painting',
});

Фотографический стиль

Измените настроение фотографии, применив фотографический стиль:

const result = await qwen.transferStyle({
  imageUrl: 'https://example.com/landscape.jpg',
  style: 'cinematic_hdr',
});

4. Пакетная обработка

Обновление каталога электронной коммерции

Автоматически обновляйте тысячи изображений продуктов с новыми рекламными акциями или информацией о бренде:

const productImages = [
  'https://example.com/product1.jpg',
  'https://example.com/product2.jpg',
  // ...
];

for (const imageUrl of productImages) {
  await qwen.editText({
    imageUrl,
    originalText: 'Old Price',
    newText: 'New Price!',
  });
  // Или другие операции редактирования
}

Многоязычная локализация

Локализуйте маркетинговые материалы для нескольких регионов, автоматически переводя текст на изображениях:

const marketingImages = [
  { url: 'https://example.com/ad_en.jpg', originalText: 'Buy Now' },
  // ...
];

const languages = ['es', 'fr', 'de'];

for (const image of marketingImages) {
  for (const lang of languages) {
    await qwen.editText({
      imageUrl: image.url,
      originalText: image.originalText,
      newText: await translate(image.originalText, lang), // Ваша функция перевода
      targetLanguage: lang,
    });
  }
}

5. Конкретные варианты использования

Электронная коммерция: сезонные варианты

Быстро создавайте сезонные варианты изображений продуктов (например, добавление рождественских украшений):

const result = await qwen.addElement({
  imageUrl: 'https://example.com/winter_coat.jpg',
  element: {
    type: 'image',
    url: 'https://example.com/snowflake_overlay.png',
    position: { x: 0, y: 0 },
    size: { width: '100%', height: '100%' },
    opacity: 0.7,
  },
});

Образование: аннотирование диаграмм

Автоматически добавляйте метки и описания к образовательным диаграммам:

const result = await qwen.addElement({
  imageUrl: 'https://example.com/anatomy_diagram.jpg',
  element: {
    type: 'text',
    content: 'Сердце',
    position: { x: 120, y: 80 },
    fontSize: 18,
    color: '#000000',
  },
});

Социальные сети: оптимизация контента

Оптимизируйте изображения для разных платформ социальных сетей, автоматически изменяя размер и добавляя элементы брендинга:

// Для Instagram (квадрат)
const instagramImage = await qwen.resizeImage({
  imageUrl: 'https://example.com/original_post.jpg',
  width: 1080,
  height: 1080,
  fit: 'cover',
});

// Для Twitter (широкий)
const twitterImage = await qwen.resizeImage({
  imageUrl: 'https://example.com/original_post.jpg',
  width: 1200,
  height: 675,
  fit: 'cover',
});

6. Автоматизация рабочего процесса

Конвейер контента

Создайте конвейер, который автоматически обрабатывает загруженные изображения:

Анализ: Обнаружение текста и объектов.
Модерация: Проверка на наличие неприемлемого контента.
Редактирование: Применение необходимых изменений (например, перевод текста).
Оптимизация: Изменение размера и сжатие для веб-использования.
Публикация: Загрузка в CDN или CMS.