FabricJS - Line オブジェクトの URL 文字列で Retina スケーリングを有効にする方法

このチュートリアルでは、FabricJS を使用して Line オブジェクトの URL 文字列で Retina スケーリングを有効にする方法を学びます。 Line 要素は FabricJS で提供される基本要素の 1 つです。直線を作成するために使用されます。線要素は幾何学的に 1 次元であり、内部を含まないため、塗りつぶされることはありません。 fabric.Line インスタンスを作成し、線の x 座標と y 座標を指定してキャンバスに追加することで、線オブジェクトを作成できます。 Line オブジェクトの URL 文字列で Retina スケーリングを有効にするには、enableRetinaScaling プロパティを使用します。これは画像自体には影響しませんが、Retina スクリーンでのレンダリングを改善するために、キャンバスは devicePixelRatio によってスケーリングされます。

Syntax

 toDataURL({ enableRetinaScaling: Boolean }: Object): String 

Parameters

• Options (オプション) - このパラメータは追加で提供されます。カスタム オブジェクト Line オブジェクトの URL 表現。高さ、質量、乗数、およびその他の多くのプロパティは、このパラメータを使用して変更できます。enableRetinaScaling はそのプロパティです。

オプション キー h3>

• #enableRetinaScaling: このプロパティは # # を受け入れます#Boolean 画像の Retina スケーリングを有効にする値。

enableRetinaScaling

属性を使用してエラー値を渡す

Example

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

enableRetinaScaling プロパティに false 値を渡しているため、Retina スケーリングは有効になりません。 リーリー enableRetinaScaling 属性を使用して true 値を渡します

＃＃＃例＃＃＃

コード例を見て、いつなのかを見てみましょう。 enableRetinaScaling プロパティには true 値が渡されました。この場合、網膜スケーリング 有効になります。

ああああ

以上がFabricJS - Line オブジェクトの URL 文字列で Retina スケーリングを有効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。