調査アンケート: Blockly のご利用体験についてお聞かせください
アンケートを開始
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
blockly > utils > svgPaths
utils.svgPaths 名前空間
関数
職務 |
説明 |
arc(コマンド, フラグ, 半径, ポイント) |
楕円弧を描きます。これらの座標は単位がないため、ユーザー座標系で表されます。詳細は、developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d#Elliptical_Arc_Curve をご覧ください。 |
curve(コマンド, ポイント) |
3 次曲線または 2 次曲線を描きます。developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d#Cubic_B%C3%A9zier_Curve を参照してください。これらの座標は単位がないため、ユーザー座標系です。 |
線(ポイント) |
指定されたすべてのポイントを順番に結ぶ複数の線を描きます。これは一連の「l」コマンドに相当します。これらの座標は単位がないため、ユーザー座標系で表されます。詳しくは、developer.mozilla.org/en-US/docs/Web/SVG/tutorial/Paths#Line_commands をご覧ください。 |
lineOnAxis(command, val) |
水平または垂直の線を描画します。最初の引数では、方向と、指定された位置が相対位置か絶対位置かを指定します。これらの座標は単位がないため、ユーザー座標系で表されます。詳しくは、developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d#LineTo_path_commands をご覧ください。 |
lineTo(dx, dy) |
現在の点から終了点まで線を描きます。現在の点は x 軸に沿って dx、y 軸に沿って dy だけシフトした値です。これらの座標は単位がないため、ユーザー座標系で表されます。詳しくは、developer.mozilla.org/en-US/docs/Web/SVG/tutorial/Paths#Line_commands をご覧ください。 |
moveBy(dx, dy) |
線を引かずにカーソルを指定の位置に移動します。座標は相対座標です。これらの座標は単位がないため、ユーザー座標系で表されます。詳しくは、developer.mozilla.org/en-US/docs/Web/SVG/tutorial/Paths#Line_commands をご覧ください。 |
moveTo(x, y) |
線を引かずにカーソルを指定の位置に移動します。座標は絶対座標です。これらの座標は単位がないため、ユーザー座標系で表されます。詳しくは、developer.mozilla.org/en-US/docs/Web/SVG/tutorial/Paths#Line_commands をご覧ください。 |
ポイント(x, y) |
指定された x と y のペアを表す文字列を作成します。座標が相対的か絶対的かは関係ありません。結果の先頭と末尾にスペースがあり、x 座標と y 座標はカンマで区切られますが、スペースは挿入されません。 |
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2023-12-01 UTC。
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2023-12-01 UTC。"],[[["The `Blockly.utils.svgPaths` namespace provides functions for creating SVG paths."],["These functions offer methods to draw lines, curves, arcs, and move the drawing cursor."],["All coordinates used by these functions are unitless and within the user coordinate system."],["The generated paths are compatible with the SVG 'd' attribute and follow SVG path syntax."],["Detailed information about the underlying SVG path commands can be found on the Mozilla Developer Network (MDN) documentation."]]],[]]