私はたくさんグーグルで検索しましたが、十分な答えが見つかりませんでした。
ページの1つに画像（900 X 5200 px）を配置する必要があります。画像は機密性が高いため、ユーザーが画像をコピーできないようにする必要があります。私はこれを行うことができるアイデアを持っています：
画像を細かく分割します。次に、画像グリッドがいくつかのdivに読み込まれます。そのため、ユーザーは画像を保存できなくなります。または、画像全体の1平方cmの部分のみを保存します。
ただし、グリッドの一部がロードに失敗した場合、このプランは機能しません。だから、私は別のことをしたいです。画像全体を読み込んでから、画像を部分的に切り取りたいです。次に、パーツ全体をdivで表示します。
これにはjavascriptが必要です。しかし、私はどのように始めてあなたの助けを必要としているか混乱しています。
今、あなたは問題を知っています、あなたがより良い考えを持っているならば、共有してください。
前もって感謝します。
トリックは簡単です。表示したい画像を背景にして div を作成します。透明な画像で div を重ねます。ユーザーが画像を保存しようとすると、空白になります。画像の「直接」リクエストを返さないようにサーバーをプログラムします (そのため、賢い人は css を見て画像への URL を取得することはできません)。
確かに、画像はまだキャッシュにありますが、スライスされた画像もそうであるため、決心した人が画像を取得するのが難しくなることはありません.
TL;DRソリューションを設計しすぎないでください。プリントスクリーンは、あなたがすることすべてを回避します。
人々がこの画像をコピーするのを防ぐことはできません。簡潔でシンプル。あなたの最善の努力に関係なく、単純PRT SCRNにペイントに貼り付けるだけで十分です。
あなたの最善の策は、これを過度に設計せず、ページに透かしと著作権通知を単に配置することです. 他のオプション<div>には、画像の上に透明なものを配置して、右クリックして保存できないようにすることもできますが、それでも画像がユーザーのキャッシュに保存されるのを防ぐことはできません。または、開発者ツールや Firebug を使用してソース イメージを見つけないようにします。
これを行うには: http://www.pixastic.com/lib/docs/actions/crop/
それでも、そのライブラリを中心にロジックを開発する必要があります。
例を作成しました。次のリンクで確認できます: http://simplestudio.rs/yard/crop_img/
基本的に、php経由で画像へのURLを取得し、私のコードまたはそれに似たコードを使用して、画像を断片に切り取り、キャンバスに表示できます。
この方法では、ブラウザやインスペクト要素などを介して画像にアクセスすることはできません。ユーザーはピースを個別に保存できますが、ピースのコードを 5px に設定できます。私は 20x20px に設定しています。
* 画像の任意の場所で右クリックし、[名前を付けて画像を保存] オプションを実行して、画像の保存をテストします。
また、php が提供する画像に src を非表示にする方法を考える必要があります。それに関するヘルプが必要な場合は、私がお手伝いします。