उदाहरण
विभिन्न उपयोग मामलों के लिए व्यावहारिक उदाहरण और कोड स्निपेट
Qwen Image Edit के उदाहरण
यह खंड Qwen Image Edit API का उपयोग करके विभिन्न छवि संपादन कार्यों को करने के लिए व्यावहारिक उदाहरण प्रदान करता है। ये उदाहरण आपको API की क्षमताओं को समझने और अपने स्वयं के अनुप्रयोगों में इसे एकीकृत करने में मदद करेंगे।
1. बुनियादी पाठ संपादन
1.1. पाठ संशोधित करें
किसी छवि पर मौजूदा पाठ को बदलना।
// JavaScript/TypeScript उदाहरण
async function modifyText() {
const result = await qwen.edit({
imageUrl: 'https://example.com/image-with-text.jpg',
operations: [
{
type: 'text_edit',
find: 'पुराना पाठ',
replace: 'नया पाठ',
},
],
});
console.log('संपादित छवि URL:', result.editedImageUrl);
}
modifyText();
1.2. पाठ का अनुवाद करें
किसी छवि पर पाठ का एक भाषा से दूसरी भाषा में अनुवाद करना।
// JavaScript/TypeScript उदाहरण
async function translateText() {
const result = await qwen.edit({
imageUrl: 'https://example.com/image-with-english-text.jpg',
operations: [
{
type: 'text_translate',
find: 'Hello World',
targetLanguage: 'es', // स्पेनिश में अनुवाद करें
},
],
});
console.log('अनुवादित छवि URL:', result.editedImageUrl);
}
translateText();
1.3. पाठ को सही करें
किसी छवि पर वर्तनी या व्याकरण संबंधी त्रुटियों को ठीक करना।
// JavaScript/TypeScript उदाहरण
async function correctText() {
const result = await qwen.edit({
imageUrl: 'https://example.com/image-with-typo.jpg',
operations: [
{
type: 'text_correct',
find: 'teh',
replace: 'the',
},
],
});
console.log('सुधारित छवि URL:', result.editedImageUrl);
}
correctText();
2. तत्व जोड़ना और हेरफेर करना
2.1. लोगो जोड़ें
किसी छवि पर एक लोगो ओवरले करना।
// JavaScript/TypeScript उदाहरण
async function addLogo() {
const result = await qwen.edit({
imageUrl: 'https://example.com/product-image.jpg',
operations: [
{
type: 'add_element',
elementType: 'image',
sourceUrl: 'https://example.com/logo.png',
position: { x: 50, y: 50 },
scale: 0.2,
},
],
});
console.log('लोगो के साथ छवि URL:', result.editedImageUrl);
}
addLogo();
2.2. वॉटरमार्क जोड़ें
कॉपीराइट सुरक्षा के लिए वॉटरमार्क जोड़ना।
// JavaScript/TypeScript उदाहरण
async function addWatermark() {
const result = await qwen.edit({
imageUrl: 'https://example.com/original-photo.jpg',
operations: [
{
type: 'add_element',
elementType: 'text',
text: '© MyCompany',
position: { x: 10, y: 10 },
fontSize: 18,
color: '#FFFFFF',
opacity: 0.5,
},
],
});
console.log('वॉटरमार्क के साथ छवि URL:', result.editedImageUrl);
}
addWatermark();
2.3. मूल्य टैग जोड़ें
ई-कॉमर्स उत्पादों के लिए गतिशील रूप से मूल्य टैग जोड़ना।
// JavaScript/TypeScript उदाहरण
async function addPriceTag() {
const result = await qwen.edit({
imageUrl: 'https://example.com/product-display.jpg',
operations: [
{
type: 'add_element',
elementType: 'text',
text: '$29.99',
position: { x: 200, y: 300 },
fontSize: 36,
color: '#00FF00',
backgroundColor: '#000000',
},
],
});
console.log('मूल्य टैग के साथ छवि URL:', result.editedImageUrl);
}
addPriceTag();
3. उन्नत शैली स्थानांतरण
3.1. कलात्मक शैली स्थानांतरण
किसी छवि पर एक कलात्मक शैली लागू करना।
// JavaScript/TypeScript उदाहरण
async function applyArtisticStyle() {
const result = await qwen.edit({
imageUrl: 'https://example.com/my-photo.jpg',
operations: [
{
type: 'style_transfer',
style: 'starry_night', // या कोई अन्य समर्थित कलात्मक शैली
},
],
});
console.log('कलात्मक शैली वाली छवि URL:', result.editedImageUrl);
}
applyArtisticStyle();
3.2. फोटोग्राफिक शैली स्थानांतरण
किसी छवि पर फोटोग्राफिक शैली लागू करना (जैसे विंटेज, ब्लैक एंड व्हाइट)।
// JavaScript/TypeScript उदाहरण
async function applyPhotographicStyle() {
const result = await qwen.edit({
imageUrl: 'https://example.com/landscape.jpg',
operations: [
{
type: 'style_transfer',
style: 'vintage_sepia', // या कोई अन्य समर्थित फोटोग्राफिक शैली
},
],
});
console.log('फोटोग्राफिक शैली वाली छवि URL:', result.editedImageUrl);
}
applyPhotographicStyle();
4. बैच प्रोसेसिंग
4.1. ई-कॉमर्स कैटलॉग अपडेट
एक ही ऑपरेशन के साथ कई उत्पाद छवियों को अपडेट करना।
// JavaScript/TypeScript उदाहरण
async function batchUpdateCatalog() {
const imageUrls = [
'https://example.com/product1.jpg',
'https://example.com/product2.jpg',
'https://example.com/product3.jpg',
];
const results = await Promise.all(imageUrls.map(url =>
qwen.edit({
imageUrl: url,
operations: [
{
type: 'add_element',
elementType: 'text',
text: 'नया आगमन',
position: { x: 10, y: 10 },
fontSize: 20,
color: '#FFFFFF',
},
],
})
));
results.forEach((result, index) => {
console.log(`उत्पाद ${index + 1} संपादित छवि URL:`, result.editedImageUrl);
});
}
batchUpdateCatalog();
4.2. बहुभाषी स्थानीयकरण
विभिन्न भाषाओं के लिए छवियों को स्थानीयकृत करना।
// JavaScript/TypeScript उदाहरण
async function localizeImages() {
const imageToLocalize = 'https://example.com/promo-banner.jpg';
const languages = ['es', 'fr', 'de'];
const results = await Promise.all(languages.map(lang =>
qwen.edit({
imageUrl: imageToLocalize,
operations: [
{
type: 'text_translate',
find: 'Special Offer',
targetLanguage: lang,
},
],
})
));
results.forEach((result, index) => {
console.log(`भाषा ${languages[index]} के लिए स्थानीयकृत छवि URL:`, result.editedImageUrl);
});
}
localizeImages();
5. विशिष्ट उपयोग के मामले
5.1. ई-कॉमर्स मौसमी वेरिएंट
छुट्टियों या मौसमों के लिए उत्पाद छवियों को स्वचालित रूप से अपडेट करना।
// JavaScript/TypeScript उदाहरण
async function seasonalVariants() {
const result = await qwen.edit({
imageUrl: 'https://example.com/winter-coat.jpg',
operations: [
{
type: 'add_element',
elementType: 'text',
text: '50% की छूट! विंटर सेल',
position: { x: 100, y: 50 },
fontSize: 30,
color: '#FF0000',
},
{
type: 'style_transfer',
style: 'snow_overlay',
},
],
});
console.log('मौसमी वेरिएंट छवि URL:', result.editedImageUrl);
}
seasonalVariants();
5.2. शिक्षा आरेख एनोटेशन
शैक्षिक सामग्री के लिए आरेखों या ग्राफिक्स में लेबल और स्पष्टीकरण जोड़ना।
// JavaScript/TypeScript उदाहरण
async function annotateDiagram() {
const result = await qwen.edit({
imageUrl: 'https://example.com/biology-diagram.png',
operations: [
{
type: 'add_element',
elementType: 'text',
text: 'कोशिका भित्ति',
position: { x: 250, y: 150 },
fontSize: 16,
color: '#0000FF',
},
{
type: 'add_element',
elementType: 'text',
text: 'नाभिक',
position: { x: 100, y: 200 },
fontSize: 16,
color: '#0000FF',
},
],
});
console.log('एनोटेट आरेख URL:', result.editedImageUrl);
}
annotateDiagram();
5.3. सोशल मीडिया सामग्री अनुकूलन
विभिन्न सोशल मीडिया प्लेटफार्मों के लिए छवियों को अनुकूलित करना।
// JavaScript/TypeScript उदाहरण
async function optimizeSocialMedia() {
const result = await qwen.edit({
imageUrl: 'https://example.com/event-photo.jpg',
operations: [
{
type: 'resize',
width: 1080,
height: 1080, // इंस्टाग्राम के लिए
},
{
type: 'add_element',
elementType: 'text',
text: '#EventName #City',
position: { x: 50, y: 900 },
fontSize: 24,
color: '#FFFFFF',
},
],
});
console.log('सोशल मीडिया छवि URL:', result.editedImageUrl);
}
optimizeSocialMedia();
6. वर्कफ़्लो स्वचालन और प्रदर्शन
6.1. बुद्धिमान कैशिंग
बार-बार अनुरोधों के लिए संसाधित छवियों को कैश करके प्रदर्शन में सुधार करें।
// JavaScript/TypeScript उदाहरण (एक साधारण कैशिंग तंत्र का उदाहरण)
const cache = new Map();
async function getEditedImage(options) {
const cacheKey = JSON.stringify(options);
if (cache.has(cacheKey)) {
console.log('कैश से सेवा की गई');
return cache.get(cacheKey);
}
const result = await qwen.edit(options);
cache.set(cacheKey, result.editedImageUrl);
return result.editedImageUrl;
}
async function useCachedImage() {
const imageUrl = await getEditedImage({
imageUrl: 'https://example.com/product.jpg',
operations: [
{
type: 'text_edit',
find: 'पुराना',
replace: 'नया',
},
],
});
console.log('कैश की गई छवि URL:', imageUrl);
}
useCachedImage();
6.2. पुनः प्रयास के साथ मजबूत त्रुटि प्रबंधन
अस्थायी नेटवर्क मुद्दों या API दर सीमाओं को संभालने के लिए पुनः प्रयास तर्क लागू करें।
// JavaScript/TypeScript उदाहरण
async function reliableEdit(options, retries = 3) {
for (let i = 0; i < retries; i++) {
try {
const result = await qwen.edit(options);
return result.editedImageUrl;
} catch (error) {
if (error.statusCode === 429 || error.statusCode === 500 && i < retries - 1) {
console.warn(`त्रुटि का पता चला, पुनः प्रयास कर रहा है... (${i + 1}/${retries})`);
await new Promise(resolve => setTimeout(resolve, Math.pow(2, i) * 1000)); // घातीय बैकऑफ़
} else {
throw error;
}
}
}
throw new Error('छवि संपादन कई प्रयासों के बाद विफल रहा।');
}
async function performReliableEdit() {
try {
const imageUrl = await reliableEdit({
imageUrl: 'https://example.com/unstable-service.jpg',
operations: [
{
type: 'text_edit',
find: 'अस्थिर',
replace: 'स्थिर',
},
],
});
console.log('विश्वसनीय रूप से संपादित छवि URL:', imageUrl);
} catch (error) {
console.error('विश्वसनीय संपादन विफल:', error);
}
}
performReliableEdit();