FabricJS を使用して URL 文字列から Fabric.Image のインスタンスを作成するにはどうすればよいですか?

このチュートリアルでは、次のことから始める方法を学びます。 FabricJSを使用したURL文字列。インスタンスを作成することで Image オブジェクトを作成できます ファブリック.イメージ。 FabricJS の基本要素の 1 つであるため、次のことも簡単に行うことができます。 角度、不透明度などのプロパティを適用してカスタマイズします。作成するために URL 文字列から Fabric.Image インスタンスを取得するには、fromURL メソッドを使用します。

＃＃＃文法＃＃＃ リーリー

パラメータ

• url - このパラメータは、画像の作成元の URL を表す文字列を受け取ります。

• コールバック (オプション) - このパラメータは、イメージの作成直後に呼び出される 関数 です。この関数では、新しく作成されたイメージが最初のパラメーターとして渡されます。 2 番目のパラメータは、エラーが発生したかどうかを示すブール値です。このパラメータはオプションです。

• imgOptions (オプション) - このパラメータは、画像に追加のカスタマイズを提供するオプションの オブジェクト です。このパラメータを使用して、原点、ストローク幅、および画像オブジェクトに関連付けられたその他の多くのプロパティを変更します。

fromURL

メソッド

を使用しないでください。 ＃＃＃例＃＃＃ コード例を見て、fromURL

メソッドを使用したときに Image オブジェクトがどのように表示されるかを見てみましょう。 未使用。この場合、

fabric.Image

のインスタンスを作成して追加するだけです。 私たちのキャンバスに。

リーリー fromURLメソッドを使用します ＃＃＃例＃＃＃ この例では、

fromURL

メソッドを使用して、 image 要素がなくても、それは image オブジェクトです。この場合必要なのは、 画像の URL が必要で、作成されたコールバック関数を渡します fabric.Image オブジェクトを最初のパラメータとして指定し、それをキャンバスに追加します。

リーリー ＃＃＃結論は＃＃＃

このチュートリアルでは、2 つの例を使用して、 FabricJS を使用して URL 文字列から Fabric.Image を取得します。

以上がFabricJS を使用して URL 文字列から Fabric.Image のインスタンスを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。