ASP.NET MVC 에서 이미지 image 로 워터마크 watermark 만들기
워터마크를 회사 로고의 이미지를 사용 하거나 저작권 정보를 위해 워터마크를 이미지로 사용 합니다.
- ImageWatermark.cshtml 의 뷰를 생성합니다.
- 이미지에 추가할 이미지 로고의 이미지의 이름은 MyCompanyLogo.jpg 입니다. 이미지 크기는 80 픽셀 너비 및 높이 20 픽셀 이미지 입니다.
아래는 photo4.jpg 이미지에 워터마크 MyCompanyLogo.jpg 를 원본 이미지 하단의 중간에 표기하는 부분입니다.
@{ 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