- 方向:
- 全て ウェブ3.0 バックエンド開発 ウェブフロントエンド データベース 運用・保守 開発ツール PHPフレームワーク 毎日のプログラミング WeChat アプレット よくある問題 他の 技術 CMS チュートリアル Java システムチュートリアル コンピューターのチュートリアル ハードウェアチュートリアル モバイルチュートリアル ソフトウェアチュートリアル モバイル ゲームのチュートリアル
- 分類する:
-
- FabricJSを使用して楕円を非表示にする方法は?
- このチュートリアルでは、FabricJS を使用して楕円を非表示にする方法を学びます。楕円形は、FabricJS が提供するさまざまな形状の 1 つです。楕円を作成するには、 Fabric.Ellipse クラスのインスタンスを作成し、それをキャンバスに追加します。楕円オブジェクトは、寸法の変更、背景色の追加、表示/非表示など、さまざまな方法でカスタマイズできます。これは、visible 属性を使用して行うことができます。構文 newfabric.Ellipse({visible:Boolean}:Object) パラメーター オプション (オプション) - このパラメーターは、楕円に追加のカスタマイズを提供するオブジェクトです。このパラメータを使用して、次のことを変更できます。
- jsチュートリアル . fabric 813 2023-09-01 23:53:02
-
- FabricJSを使用してCircleの選択性を無効にする方法は?
- このチュートリアルでは、FabricJS を使用してサークルの選択性を無効にする方法を学びます。 Circle は、FabricJS が提供するさまざまな形状の 1 つです。円を作成するには、Fabric.Circle クラスのインスタンスを作成し、それをキャンバスに追加する必要があります。オブジェクトを変更するには、FabricJS でオブジェクトを選択する必要があります。ただし、selectable 属性を使用すると、この動作を変更できます。構文 newfabric.Circle({selectable:Boolean}:Object) パラメーター オプション (オプション) - このパラメーターは、サークルに追加のカスタマイズを提供するオブジェクトです。このパラメータを使用すると、selectab と同じように変更できます。
- jsチュートリアル . fabric 853 2023-09-01 19:41:02
-
- FabricJS を使用してテキスト内の 1 文字のベースラインを移動するにはどうすればよいですか?
- このチュートリアルでは、FabricJS を使用してテキスト内の 1 文字のベースラインを移動する方法を学びます。 Fabric.Text のインスタンスを追加することで、キャンバスにテキストを表示できます。これにより、テキストの移動、拡大縮小、サイズ変更ができるだけでなく、テキストの配置、テキストの装飾、行の高さなどの追加機能も提供されます。これらの機能は、それぞれ textAlign、underline、lineHeight プロパティを通じて取得できます。同様に、deltaY 属性を使用して 1 つの文字のベースラインを移動することもできます。構文 newfabric.Text(text:String,{styles:{deltaY:Number}:Object}:O
- jsチュートリアル . fabric 1356 2023-09-01 17:05:03
-
- FabricJS - キャンバスの現在のビューポート上で Line オブジェクトを水平方向に中央に配置する方法
- このチュートリアルでは、FabricJS を使用して、キャンバスの現在のビューポート上で Line オブジェクトを水平方向の中央に配置する方法を学びます。 Line 要素は FabricJS で提供される基本要素の 1 つです。直線を作成するために使用されます。線要素は幾何学的に 1 次元であり、内部を含まないため、塗りつぶされることはありません。ライン オブジェクトを作成するには、fabric.Line のインスタンスを作成し、ラインの x 座標と y 座標を指定して、それをキャンバスに追加します。 Line オブジェクトをキャンバスの現在のビューポート内で水平方向の中央に配置するには、viewportCenterH メソッドを使用します。構文 viewportCenterH():fabric.ObjectLine オブジェクトのデフォルトの外観
- jsチュートリアル . fabric 1342 2023-09-01 13:41:02
-
- FabricJSを使用して左から始まる円の位置を設定するにはどうすればよいですか?
- このチュートリアルでは、FabricJS を使用して左から円の位置を設定する方法を学びます。 Circle は、FabricJS が提供するさまざまな形状の 1 つです。円を作成するには、Fabric.Circle クラスのインスタンスを作成し、それをキャンバスに追加する必要があります。円形オブジェクトの位置、不透明度、ストローク、サイズを変更することで、円形オブジェクトを操作できます。左からの位置は left プロパティを使用して変更できます。構文 newfabric.Circle({left:Number}:Object) パラメーター オプション (オプション) - このパラメーターは、サークルに追加のカスタマイズを提供するオブジェクトです。このパラメータを使用すると、左側が属性であるオブジェクトに関連するプロパティを変更できます。たとえば、
- jsチュートリアル . fabric 785 2023-09-01 13:25:02
-
- FabricJS - LineオブジェクトのURL文字列に品質レベルを設定するにはどうすればよいですか?
- このチュートリアルでは、FabricJS を使用して Line オブジェクトの URL 文字列に品質レベルを設定する方法を学びます。 Line 要素は FabricJS で提供される基本要素の 1 つです。直線を作成するために使用されます。線要素は幾何学的に 1 次元であり、内部を含まないため、塗りつぶされることはありません。ライン オブジェクトを作成するには、fabric.Line のインスタンスを作成し、ラインの x 座標と y 座標を指定して、それをキャンバスに追加します。 Line オブジェクトの URL 文字列に品質レベルを設定するには、quality 属性を使用します。構文 toDataURL({quality:Number}:Object):String パラメーター オプション (オプション)
- jsチュートリアル . fabric 514 2023-08-31 21:21:02
-
- FabricJS を使用して長方形のコントロールの角を非表示にする方法は?
- このチュートリアルでは、FabricJS を使用して四角形のコントロールの角を非表示にする方法を学びます。 Rectangle は、FabricJS が提供するさまざまな形状の 1 つです。長方形を作成するには、Fabric.Rect クラスのインスタンスを作成し、それをキャンバスに追加する必要があります。オブジェクトのコントロール コーナーを使用すると、その比率を増減したり、伸縮したり、位置を変更したりできます。コントロール コーナーは、特定の色を追加したり、サイズを変更したりするなど、さまざまな方法でカスタマイズできます。 hasControls プロパティを使用してそれらを非表示にすることもできます。構文 newfabric.Rect({hasControls:Boolean}:Object) パラメーター オプション (オプション) - このパラメーターは追加です。
- jsチュートリアル . fabric 639 2023-08-31 18:05:08
-
- FabricJS を使用して線の SVG 表現を取得するにはどうすればよいですか?
- この記事では、FabricJS を使用して線の SVG 表現を取得する方法を学びます。 Line 要素は FabricJS で提供される基本要素の 1 つです。直線を作成するために使用されます。線要素は幾何学的に 1 次元であり、内部を含まないため、塗りつぶされることはありません。ライン オブジェクトを作成するには、fabric.Line のインスタンスを作成し、ラインの x 座標と y 座標を指定して、それをキャンバスに追加します。 Line オブジェクトの SVG 表現を取得するには、_toSVG メソッドを使用します。構文 _toSVG():_toSVG メソッドを使用しない配列の例 コード例を見て、_toSVG メソッドの使用時に記録される出力が使用されないことを確認してみましょう。 _toSV
- jsチュートリアル . fabric 1215 2023-08-31 17:57:11
-
- FabricJS を使用してポリラインを含むポリゴンを作成するにはどうすればよいですか?
- Fabric.Polygon のインスタンスを作成することで、Polygon オブジェクトを作成できます。ポリゴン オブジェクトは、接続された直線セグメントのセットで構成される閉じた形状として特徴付けることができます。これは FabricJS の基本要素の 1 つであるため、角度や不透明度などのプロパティを適用することで簡単にカスタマイズすることもできます。 Polygonはfabric.Polylineを拡張したものなので、見事にポリラインを使ったポリゴンインスタンスを作成することができます。構文 newfabric.Polyline(points:Array,options:Object) パラメータ Points - このパラメータは、ポリゴン オブジェクトを構成するポイントの数を表す配列を受け入れます。
- jsチュートリアル . fabric 1032 2023-08-31 17:49:08
-
- FabricJS を使用してポリゴン オブジェクトをマウス イベントに反応させるにはどうすればよいですか?
- Fabric.Polygon のインスタンスを作成することで、Polygon オブジェクトを作成できます。ポリゴン オブジェクトは、接続された直線セグメントのセットで構成される閉じた形状として特徴付けることができます。これは FabricJS の基本要素の 1 つであるため、角度や不透明度などのプロパティを適用することで簡単にカスタマイズすることもできます。マウスアップ イベントとマウスダウン イベントを使用して、ユーザーによってトリガーされたマウス イベントにポリゴン オブジェクトがどのように反応するかを示します。構文polygon.on("mouseup",callbackFunction);polygon.on("mousedown",callbackFunction);例
- jsチュートリアル . fabric 694 2023-08-31 14:37:08
-
- FabricJSを使用して円の中心回転を無効にする方法は?
- このチュートリアルでは、FabricJS を使用して円の中心回転を無効にする方法を学びます。 Circle は、FabricJS が提供するさまざまな形状の 1 つです。円を作成するには、Fabric.Circle クラスのインスタンスを作成し、キャンバスに追加します。デフォルトでは、FabricJS のすべてのオブジェクトは、その中心を回転ポイントとして使用します。ただし、centeredRotation プロパティを使用してこの動作を変更できます。構文 newfabric.Circle({centeredRotation:Boolean}:Object) パラメーター オプション (オプション) - このパラメーターは、サークルに追加のカスタマイズを提供するオブジェクトです。
- jsチュートリアル . fabric 854 2023-08-31 11:21:06
-
- FabricJS を使用してポリゴン オブジェクトを回転イベントに反応させるにはどうすればよいですか?
- Fabric.Polygon のインスタンスを作成することで、Polygon オブジェクトを作成できます。ポリゴン オブジェクトは、接続された直線セグメントのセットで構成される閉じた形状として特徴付けることができます。これは FabricJS の基本要素の 1 つであるため、角度や不透明度などのプロパティを適用することで簡単にカスタマイズすることもできます。回転イベントを使用して、コントロールを介して多角形オブジェクトを回転に反応させる方法を示します。構文polygon.on("rotating", callbackFunction); 例 1: オブジェクトが回転イベントにどのように反応するかを示す コード例を見て、ポリゴン オブジェクトを回転イベントに反応させる方法を理解しましょう。この場合のみ、
- jsチュートリアル . fabric 888 2023-08-31 08:05:02
-
- FabricJS - HTMLCanvasElement に変換された Polygon オブジェクトの描画コンテキストを見つけますか?
- Fabric.Polygon のインスタンスを作成することで、Polygon オブジェクトを作成できます。ポリゴン オブジェクトは、接続された直線セグメントのセットで構成される閉じた形状として特徴付けることができます。これは FabricJS の基本要素の 1 つであるため、角度や不透明度などのプロパティを適用することで簡単にカスタマイズすることもできます。ポリゴン オブジェクトを HTMLCanvasElement に変換するには、toCanvasElement メソッドを使用します。これは、HTMLCanvasElement タイプの DOM 要素を返します。この要素は、HTMLElement インターフェイスからそのプロパティとメソッドを継承します。 getContext メソッドを使用して、キャンバス上の描画コンテキストを見つけます。
- jsチュートリアル . fabric 734 2023-08-30 17:33:06
-
- FabricJSを使用して三角形選択の背景色を設定するにはどうすればよいですか?
- このチュートリアルでは、FabricJS を使用して三角形の選択範囲の背景色を設定する方法を学びます。三角形は、FabricJS によって提供されるさまざまな形状の 1 つです。三角形を作成するには、Fabric.Triangle クラスのインスタンスを作成し、それをキャンバスに追加する必要があります。オブジェクトがアクティブに選択されている場合は、オブジェクトのサイズを変更したり、回転したり、操作したりできます。 selectionBackgroundColor プロパティを使用して、三角形の選択範囲の背景色を変更できます。構文 newFabric.Triangle({SelectionBackgroundColor:String}:Object) パラメーター オプション (オプション)
- jsチュートリアル . fabric 1363 2023-08-30 16:01:02
-
- FabricJS - ポリゴン オブジェクトの現在の変換を表す変換行列を見つけますか?
- Fabric.Polygon のインスタンスを作成することで、Polygon オブジェクトを作成できます。ポリゴン オブジェクトは、接続された直線セグメントのセットで構成される閉じた形状として特徴付けることができます。これは FabricJS の基本要素の 1 つであるため、角度や不透明度などのプロパティを適用することで簡単にカスタマイズすることもできます。現在の変換を表す変換行列を見つけるには、calcOwnMatrix メソッドを使用します。構文 calcOwnMatrix():Array 例 1: calcOwnMatrix メソッドの使用 calcOwnMatrix メソッドを使用して、ポリゴンの現在の変換を表す変換行列を見つける方法のコード例を見てみましょう。から始めることができます
- jsチュートリアル . fabric 1250 2023-08-29 12:17:10