ホームページ  >  記事  >  ウェブフロントエンド  >  FabricJS - LineオブジェクトのURL文字列に品質レベルを設定するにはどうすればよいですか?

FabricJS - LineオブジェクトのURL文字列に品質レベルを設定するにはどうすればよいですか?

王林
王林転載
2023-08-31 21:21:02479ブラウズ

FabricJS – 如何设置 Line 对象的 URL 字符串中的质量级别?

このチュートリアルでは、FabricJS を使用して Line オブジェクトの URL 文字列に品質レベルを設定する方法を学びます。 Line 要素は FabricJS で提供される基本要素の 1 つです。直線を作成するために使用されます。線要素は幾何学的に 1 次元であり、内部を含まないため、塗りつぶされることはありません。

fabric.Line のインスタンスを作成し、線の x 座標と y 座標を指定してキャンバスに追加することで、線オブジェクトを作成できます。 Line オブジェクトの URL 文字列に品質レベルを設定するには、quality 属性を使用します。

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

パラメータ

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

  • オプションキー

  • quality - このプロパティは、最終出力画像の品質レベルを表す Number 値を受け入れます。許容値は、0 を除く 0 ~ 1 です。0.1 は最悪の品質を表し、1 は最高の品質を表します。このプロパティは、jpeg 形式でのみ使用できます。デフォルト値は 1 です。

quality

属性を使用しないでください ###例###

quality

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

quality

属性を使用していないため、デフォルト値の 1 が使用されます。 リーリー 使用品質プロパティ

###例###

コード例を見て、quality プロパティを使用したときに Line オブジェクトの最終出力イメージがどのように見えるかを見てみましょう。この場合、値

0.1

を渡しました。したがって、最終的な画像の品質は最悪になります。

ああああ

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

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