ウォーターマークの画像（ユーザ名：CSS

Question

）特定の日付より前にリリースできない画像がいくつか共有されています。ユーザーはユーザー名とパスワードでログインします。それらの画像の共有を阻止するためにログインしたユーザ名ですべての画像に透かしを入れることが可能かどうか疑問に思っていましたか？私が知っている限りWebサイトはjava/CSSでコード化されています。

これで十分ですが、何らかのリードを得ることができますか？

EDIT：

はここに...私は膨大な量に欠けている情報を持っていたようです.NETフレームワークの詳細

サーバー側のプログラミング言語 MicrosoftのActive Server Pagesの技術です。 ASP.NET

クライアント側のプログラミング言語 JavaScriptは主に、Webページ内で使用される軽量、オブジェクト指向の、クロスプラットフォームのスクリプト言語です。 JavaScriptの

のJavaScriptライブラリのjQuery は、HTML文書のトラバース、イベント処理、アニメーションやAjaxの相互作用を簡素化するJavaScriptライブラリです。もともとはJohn Resigによって開発されました。 jQuery 1.12.4 （サイトの8％が新しいバージョンを使用します）

ブートストラップは、オープンソースのHTML、CSS、およびJavaScriptフレームワークです。 ブートストラップ

マークアップ言語 HTML5はHTML標準の5番目の改訂版です。

Answer 1

CSSで透かしを入れることはできません。これは、ファイルを処理したり変更したりできるため、サーバー側で行う必要があります。あなたはJavaを使用しているので、おそらくこれであなたを助けるライブラリがあります。

写真がアップロードされたときにこの透かしを入れます。透かしを追加し、どこかに保存します。

How can I watermark an image in Java?

Answer 2

基本的に、あなたが言ったすべては、私は、ウェブサイトや問題を抱えています。もちろん、あなたのフロントはJSでコード化されています。あなたはもっと多くのオプションを持っているのではなく、CSSをスタイリングに使用しています。構造化にHTMLを使用していても、

我々はすべてのセットアップ:)

問題は、あなたがしたいが、バックエンド（サーバー側）でこれを行うだろうと仮定した可能性があります。そして、あなたはあなたのアプリケーションのその部分であなたが何を使用しているのかを述べていません。

あなたは、フロント側でこれを行う上で主張する場合（JSを使用して）、あなたはそれが非常に簡単ですが、ここで

は私が作った基本的なフィドルあるHTML5とキャンバスと呼ばれる新要素のいずれかを使用することができます：fiddle me diddle

 var canvas = document.getElementById('viewport'), 
    context = canvas.getContext('2d'); 

function drawIt() { 
    base_image = new Image(); 
    base_image.src = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTPBj_avFTxiKBETiND86_i-xQTDOMVYEXB0kaeh3uPOTfvfA3n'; 
    context.font = "30px Georgia"; 
    context.canvas.width = 500; 
    context.canvas.height = 500; 
    context.drawImage(base_image, 0, 0); 
    context.fillText("FEAR the DERP powaa", 50, 180); 
} 

drawIt(); 

！注意 ！ 教育を受けたユーザーは元の画像を取得できます（画像を右クリックすると画像は保存されません）

なぜですか？

イメージは、元の形式でどこかからアクセスしてキャンバスに配置する必要があります。この「配置」はユーザーのブラウザで行われるため、ブラウザは元の画像（テキストなし）を取得していなければなりません。スマートなユーザーは鍬を見つけることができます。

これは、画像をユーザーのブラウザに送信する前に、サーバー上で行う必要がある主な理由です。それから、すべてのブラウザは変更されたイメージ（テキスト付き）を表示します。