Skip to content

Commit dadad37

Browse files
ANKUR DWIVEDIANKUR DWIVEDI
authored andcommitted
update readme.md
1 parent db1768a commit dadad37

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

README.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -287,11 +287,11 @@ String url = ImageKit.getInstance().getUrl(options);
287287
https://ik.imagekit.io/your_imagekit_id/tr:h-600,w-400/default-image.jpg?ik-t=1567358667&ik-s=f2c7cdacbe7707b71a83d49cf1c6110e3d701054
288288
```
289289

290-
### 4. Adding overlays
290+
**4. Adding overlays**
291291

292292
ImageKit.io enables you to apply overlays to [images](https://docs.imagekit.io/features/image-transformations/overlay-using-layers) and [videos](https://docs.imagekit.io/features/video-transformation/overlay) using the raw parameter with the concept of [layers](https://docs.imagekit.io/features/image-transformations/overlay-using-layers#layers). The raw parameter facilitates incorporating transformations directly in the URL. A layer is a distinct type of transformation that allows you to define an asset to serve as an overlay, along with its positioning and additional transformations.
293293

294-
#### Text as overlays
294+
**Text as overlays**
295295

296296
You can add any text string over a base video or image using a text layer (l-text).
297297

@@ -311,12 +311,12 @@ options.put("transformation", transformation);
311311

312312
String url = ImageKit.getInstance().getUrl(options);
313313
```
314-
#### Sample Result URL
314+
**Sample Result URL**
315315
```
316316
https://ik.imagekit.io/your_imagekit_id/default-image.jpg?tr=h-300,w-400,l-text,i-Imagekit,fs-50,l-end
317317
```
318318

319-
#### Image as overlays
319+
**Image as overlays**
320320

321321
You can add an image over a base video or image using an image layer (l-image).
322322

@@ -336,12 +336,12 @@ options.put("transformation", transformation);
336336

337337
String url = ImageKit.getInstance().getUrl(options);
338338
```
339-
#### Sample Result URL
339+
**Sample Result URL**
340340
```
341341
https://ik.imagekit.io/your_imagekit_id/default-image.jpg?tr=h-300,w-400,l-image,i-default-image.jpg,w-100,b-10_CDDC39,l-end
342342
```
343343

344-
#### Solid color blocks as overlays
344+
**Solid color blocks as overlays**
345345

346346
You can add solid color blocks over a base video or image using an image layer (l-image).
347347

@@ -361,7 +361,7 @@ options.put("transformation", transformation);
361361

362362
String url = ImageKit.getInstance().getUrl(options);
363363
```
364-
#### Sample Result URL
364+
**Sample Result URL**
365365
```
366366
https://ik.imagekit.io/your_imagekit_id/img/sample-video.mp4?tr=h-300,w-400,l-image,i-ik_canvas,bg-FF0000,w-300,h-100,l-end
367367
```

0 commit comments

Comments
 (0)