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

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

王林
リリース: 2023-08-28 12:25:11
転載
791 人が閲覧しました

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 までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート