HTML5/Javascriptコードテンプレートからカスタム画像を作成するには

Question

基本的にpicfontのようなサイトはどのように機能しますか？またはテンプレートを持ち、フレームに画像を挿入して&のスタイリッシュテキストをテキストボックスに追加するケーキデザインサイトですか？

私はプログラムの招待状を持っています。人々は自分の写真と名前を入れて個人的な招待状を送ります。グラフィックスの人がテンプレートを完成させました。 1000人が写真や名前を送ってくれるのではなく、テンプレートをWebページに置いて写真をアップロードしたり、カスタム編集したり、名前を付けたりすることが可能です。 どうすればいいですか？私はいくつかのポインタやコードを実装したいと思います。ありがとうございました。

Answer 1

前述のとおり、これには<Canvas>要素が必要ですが、カスタム開発も必要です。

私は良い出発点を作成する自由を取った：https://jsfiddle.net/Zomry/f8to2fyq/11/

このデモでは、背景画像をロードし、（ここでは、正方形とする）カスタムイメージを挿入し、カスタムテキストの位置を可能にすることができます。

この例は、好きなように変更できます。背景、テキストと背景の位置、そしてそれを変更したいものを変更する必要があります。

あなたのプロジェクトには幸運です。