이미지에 복잡한 워터 마크 저장

Question

이것이 가능한지 확실하지 않습니다.

div 내에 이미지가 있습니다.

<div id="image"> 
    <img src="mine.jpg" /> 
</div> 

그리고 텍스트와 다른 사업부가가, 그이 이미지의 상단에 배치됩니다 (물론, 더 정확하게, 이미지를 포함 사업부에).

<div id="image"> 
    <img src="mine.jpg" /> 
    <div id="watermark">Hello</div> 
</div> 

이제 이것을 이미지로 저장할 수 있습니까? (흠, 나는이 질문을 타이핑하는 동안조차 우스갯 소리가 들리지 않는다.).

"사용자의 브라우저 캡쳐 화면을 찍는 방법"과 비슷하게 들립니다.

위와 같은 작업이 불가능한 경우에도 원격으로 관련이있는 방법이 있습니까?

Answer 1

아니, 그런 것은 불가능합니다. 이를 수행하는 가장 좋은 방법은 서버 측 코드를 사용하여 이미지를 작성하는 것입니다. PHP와 같습니다.

나는 html5로 캔버스로 그런 씬을 만들 수 있다고 생각하지만 지금은 일상적인 사용과는 거리가 멀다.