image_watermark

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

텍스트 또는 이미지 워터마크를 사용자 지정된 위치와 색상으로 이미지에 추가할 수 있는 플러터 패키지입니다. 안드로이드, iOS, 웹, 맥OS, 윈도우, 리눅스 등 다양한 플랫폼을 지원합니다. 개발자는 이미지를 보호하거나 브랜딩 목적으로 앱에 워터마킹 기능을 쉽게 통합할 수 있습니다. 이 패키지는 워터마크 콘텐츠, 불투명도, 정렬 및 오프셋을 정의하기 위한 간단한 API를 제공하여 정적 및 동적 워터마킹 요구 사항에 적합합니다.

사용 사례

이미지에 저작권 표시 추가하기
로고로 브랜딩 사진 만들기
디지털 자산 보호
워터마크가 있는 미리보기 만들기
워터마크 모양 맞춤 설정

주요 기능

텍스트 및 이미지 워터마크 지원
사용자 정의 가능한 위치 및 정렬
조절 가능한 투명도 및 색상
크로스 플랫폼 호환성
간단하고 직관적인 API
사용자 정의 오프셋 및 패딩

적합한 대상

이미지 편집 앱
사진 공유 플랫폼
디지털 콘텐츠 창작자
전자상거래 애플리케이션
이미지 보호가 필요한 앱

고려 사항

워터마크를 추가하기 전에 이미지 로딩이 필요합니다
큰 이미지에서는 성능이 달라질 수 있습니다
기본 워터마크 스타일로 제한됨
내장된 미리보기 기능 없음
복잡한 레이아웃에 대해 추가 처리가 필요할 수 있습니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Image Watermark

Languages

Image watermark is flutter pacakge to add text watermark and image watermark on image,you can customize the position of watermark and color.

Based on Image pacakge.

Check on pub.dev

Example code

Add watermark text at center of image,parameter image bytes and string and it returns image bytes

final watermarkedImg = 
  await ImageWatermark.addTextWatermark(
    imgBytes: imgBytes,
    watermarktext: 'watermarkText',
  );

final watermarkedImgBytes = 
    await ImageWatermark.addTextWatermark(
            imgBytes: imgBytes, ///image bytes
            watermarktext: 'watermarkText', ///watermark text
            color: Colors.white, ///default : Colors.black
          );

Change the position of watermark

final watermarkedImg = 
    await ImageWatermark.addTextWatermark(
            imgBytes: imgBytes,             ///image bytes
            watermarktext: 'watermarkText',      ///watermark text
            dstX: 20,                   ///position of watermark x coordinate
            dstY: 30,                   ///y coordinate
            color: Colors.green, ///default : Colors.black
          );

Add image as watermark on image

final watermarkedImgBytes = 
    await ImageWatermark.addImageWatermark(
            originalImageBytes: imgBytes,
            waterkmarkImageBytes: watermarkImgByte,
          );

final watermarkedImgBytes = 
    await ImageWatermark.addImageWatermark(
            originalImageBytes: imgBytes,  //image bytes
            waterkmarkImageBytes: imgBytes2, //watermark img bytes
            imgHeight: 200,   //watermark img height
            imgWidth: 200,    //watermark img width
            dstY: 400, //watermark position Y
            dstX: 400, //watermark position X
          );

Add Fonts

Image package only have arial Fonts, you can change the font converting a .ttf font in .fnt format:

Download your font in .ttf format.
Convert the font to .fnt format using the next site.
Use ImageFont class, readOtherFontZip if you use .zip file; readOtherFont if you unzip and get the .fnt & .png files.

Example to change fonts

Add the font in pubspec.yaml:

  assets:
  - path/to/font.zip

Then use it as follows:

final assetFont = await rootBundle.load('path/to/font.zip');

final font = assetFont.buffer.asUint8List(assetFont.offsetInBytes, assetFont.lengthInBytes);

final bitMapFont = ImageFont.readOtherFontZip(font);

...

await ImageWatermark.addTextWatermark(
  imgBytes: imgBytes,
  font: bitMapFont, /// Font from .zip
  watermarkText: 'watermark text',
  dstX: 20,
  dstY: 40,
)

패키지, 저장소 및 앱 카테고리 검색

패키지 설치