/ / HTML5だけでこの機能を作ることができますか? - javascript、html5、関数、ファイル、動的

HTML5のみでこの機能を使用することはできますか? - javascript、html5、関数、ファイル、動的

フォトエディタでWebプログラムを作りたいです。

私のレイアウト例を見てください。 レイアウトモデルは3種類あります。

ここに画像の説明を入力

各モデルには、画像が更新される分割領域があります。

1分割モデルは1つの画像ファイルのみを取得します。

2分割1はそれで2画像を取得します。

ユーザーが分割領域をクリックしたときにマスキング効果を使用して分割領域に画像を更新することを計画しています。トリミング、移動、反射、サイズ変更などの機能があるはずです。

結果は以下のようになります。 ここに画像の説明を入力

詳細を説明するのは難しいです しかし、私は今、CatがHTML5によってのみ行われることをあなたに尋ねていますか?

回答:

回答№1は1

あなたはCSS3を使ってレイアウトを実装することができます(検索"css clip-path tutorial")とHTML。ただし、写真編集はブラウザでは本来サポートされていません。これを実装するには、あなた自身のJavaScriptを書く(そして他のJSライブラリを利用する)必要があります。