-2

私は次のことを必要とする何かに取り組んでいます:

  • 一種のテンプレート/背景として機能する特定のヘッダーとフッターを持つ画像があります
  • ユーザーは、画像をアップロードしてトリミングし、テンプレートにドラッグし、理想的には配置することもできる必要があります
  • 新しい画像が保存されます

この機能を実現する可能性のあるプラグインを 1 つまたは 2 つ知っている人はいますか? 私は jCrop で動作するものを持っていますが、画像のマージは自分で行いましたが、あまり良くありません。もっと堅牢なものを好むので、スタンドアロンのプラグインが最適です。

ありがとう

4

1 に答える 1

0

HTML5 キャンバスを使用して同様のことを実現できますが、エレガントではなく、明らかにすべてのブラウザーで機能するとは限りません。

アイデアは、単にこれらの画像をキャンバスに描画し、imgオブジェクトをキャンバスのソースに設定することです

キャンバスの描画を画像として保存するには、画像オブジェクトのソースを画像データの URL に設定します。そこから、ユーザーは画像を右クリックしてローカル コンピューターに保存できます。または、画像データの URL を直接表示する新しいブラウザー ウィンドウを開き、ユーザーがそこから保存することもできます。

// save canvas image as data url (png format by default)
var dataURL = canvas.toDataURL();

// set canvasImg image src to dataURL
// so it can be saved as an image
document.getElementById("canvasImg").src = dataURL;

ここで完全なチュートリアルを表示

于 2012-08-14T15:11:07.890 に答える