재우니의 블로그

ASP.NET MVC 에서 이미지 image 로 워터마크 watermark 만들기

워터마크를 회사 로고의 이미지를 사용 하거나 저작권 정보를 위해 워터마크를 이미지로 사용 합니다.

[image]

  1.  ImageWatermark.cshtml 의 뷰를 생성합니다.
  2. 이미지에 추가할 이미지  로고의 이미지의 이름은 MyCompanyLogo.jpg 입니다. 이미지 크기는 80 픽셀 너비 및 높이 20 픽셀 이미지 입니다.
  3. 아래는 photo4.jpg 이미지에 워터마크 MyCompanyLogo.jpg 를 원본 이미지 하단의 중간에 표기하는 부분입니다.

    CSHTML
    @{  var imagePath = "";
       WebImage WatermarkPhoto = new WebImage(@"~\" +
            @"\Images\MyCompanyLogo.jpg");
        WebImage photo = new WebImage(@"~\Images\Photo4.jpg");
        if(photo != null){
            imagePath = @"images\Photo4.jpg";
            photo.AddImageWatermark(WatermarkPhoto, width: 80, height: 20,
               horizontalAlign:"Center", verticalAlign:"Bottom",
               opacity:100,  padding:10);
          photo.Save(@"~\" + imagePath);
       }
    }
    <!DOCTYPE html>
    <html>
    <head>
      <title>Image Watermark</title>
      <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    </head>
    <body>
      <h1>Using an Image as a Watermark</h1>
      @if(imagePath != ""){
        <div class="result">
          <img src="@imagePath" alt="Image" />
        </div>
      }
    </body>
    </html>
    

    불투명도는 100%로 설정하고 안쪽 여백은 10 픽셀로 설정 하였습니다. 워터 마크 이미지가 원본 이미지 보다 큰 경우엔 나타나지 않습니다. 워터 마크 이미지가 원본 이미지 보다 크면,  이미지 워터 마크의 안쪽 여백을 설정할 경우 워터 마크는 무시 됩니다.


    https://docs.microsoft.com/ko-kr/aspnet/web-pages/overview/ui-layouts-and-themes/9-working-with-images