ホームページ >ウェブフロントエンド >jsチュートリアル >FabricJS - Line オブジェクトの URL 文字列にズーム倍率を設定するにはどうすればよいですか?

FabricJS - Line オブジェクトの URL 文字列にズーム倍率を設定するにはどうすればよいですか?

王林
王林転載
2023-08-28 12:25:11794ブラウズ

FabricJS – 如何在 Line 对象的 URL 字符串中设置缩放倍数?

このチュートリアルでは、FabricJS を使用して Line オブジェクトの URL 文字列にズーム倍率を設定する方法を学びます。 Line 要素は FabricJS で提供される基本要素の 1 つです。直線を作成するために使用されます。線要素は幾何学的に 1 次元であり、内部を含まないため、塗りつぶされることはありません。 fabric.Line インスタンスを作成し、線の x 座標と y 座標を指定してキャンバスに追加することで、線オブジェクトを作成できます。 Line オブジェクトの URL 文字列にズーム倍率を設定するには、multiplier プロパティを使用します。

###文法### リーリー

パラメータ

  • Options (オプション) - このパラメータは、Line オブジェクトの URL 表現に追加のカスタマイズを提供する object です。高さ、品質、形式、その他多くのプロパティは、このパラメーターを使用して変更できます。multiplier はプロパティです。

  • オプションキー

  • multiplier - このプロパティは、最終的なライン出力イメージをスケーリングする乗数を表す Number 値を受け取ります。デフォルト値は 1 です。

  • 乗数を使用しないでください
属性

###例### multiplier

属性を使用しない場合の出力イメージを確認するコード例を見てみましょう。開発ツールからコンソールを開くと、Line オブジェクトの URL 表現が表示されます。 URL をコピーして、新しいタブのアドレス バーに貼り付けて、最終的な出力を確認できます。

multiplier

属性を使用していないため、デフォルトの乗数値である 1 が使用されます。

リーリー 使用 乗算器プロパティ ###例###

コード例を見て、

multiplier プロパティを使用したときに Line オブジェクトの最終出力イメージがどのように見えるかを見てみましょう。この場合、値 2 を渡しました。したがって、最終的な画像は x 方向と y 方向に 2 倍スケーリングされます。 ああああ

以上がFabricJS - Line オブジェクトの URL 文字列にズーム倍率を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。