Shape meter 形状メーター

Meter=Shape is used to create one or more vector graphic shapes.Meter=Shape1つ以上のベクトルグラフィック図形を作成するために使用されます。

Quick Jumpクイックジャンプ

Shape Option Combining Shapes Defining Gradients
Rectangle Shape Attribute Modifiers Mouse Detection
Ellipse Shape Transform Modifiers Device Independent Pixels
Line Shape Extend Modifier Examples for Download
Arc Shape
Curve Shape
Path Shape

Overview概要

The meter will consist of one or more Shape...Shape2...ShapeN objects.メーターは、1つ以上のShape ... Shape 2 ... Shape Nオブジェクトで構成されます。

You first define the type of Shape, the relative starting position in the meter, and required and optional shape definition parameters.最初にShapeのタイプ、メーター内の相対開始位置、および必須およびオプションの形状定義パラメーターを定義します。

[MeterShape]
Meter=Shape
Shape=Rectangle 0,0,100,50

In this example we are saying "Create a rectangle, starting at an X of 0 and a Y of 0 relative to the meter, with a width of 100, and a height of 50." This is the most basic example of the meter, and will create a 100 X 50 rectangle with a default white fill color and a default 1 pixel black drawing stroke.この例では、「メーターを基準にしてXを0、Yを0として、幅100、高さ50の長方形を作成します」と言っています。これはメーターの最も基本的な例で、デフォルトの白の塗りつぶしの色とデフォルトの1ピクセルの黒の描画ストロークで100 x 50の長方形を作成します。

You can then add Attribute and Transform modifiers to each shape, which can control things like Fill Color, StrokeWidth, Rotate, Scale, and much more.その後、各形状に属性変形の修飾子を追加して、塗りつぶしの色、線幅、回転、拡大縮小などの操作を制御できます。

[MeterShape]
Meter=Shape
Shape=Rectangle 0,0,100,50 | Fill Color 0,0,0 | StrokeWidth 4 | Stroke Color 255,255,255

Modifiers are added on the ShapeN option by defining them separated by the pipe | character. All modifiers are optional, and they can be in any order in the option, after the shape definition. This example adds "Use a solid black fill color in the shape, change the width of the drawing stroke to 4 pixels, and color the stroke white."修飾子は、パイプ文字で区切って定義することにより、Shape Nオプションに追加されます|。すべての修飾子はオプションであり、オプションは形状定義の後に任意の順序で並べることができます。この例では、「図形に黒の塗りつぶし色を使用し、描画ストロークの幅を4ピクセルに変更して、ストロークを白にする」を追加します。

Shapes in a meter can also be Combined, which will allow you to merge two or more separate shapes in a variety of ways.メーター内の図形を組み合わせることもできます。これにより、2つ以上の別々の図形をさまざまな方法で結合できます。

[MeterShapes]
Meter=Shape
Shape=Rectangle 4,4,110,110,55
Shape2=Rectangle 54,54,80,80,10
Shape3=Combine Shape | Union Shape2

If you have more than one shape defined in the meter, you may want them to share some or all modifiers, rather than repeating them in each ShapeN option. This is done with the Extend modifier. The way this works is that you use the keyword Extend, followed by one or more named identifiers. Then you add that named identifier as a separate option on the meter, and in it put any modifiers you want to share.メーターに複数の図形が定義されている場合は、各図形Nオプションでそれらを繰り返すのではなく、それらにいくつかまたはすべての修飾子を共有させることができます。これはExtend修飾子で行われます。これが機能する方法は、1つ以上の名前付き識別子が後に続くキーワードExtendを使用することです。それから、その名前付き識別子をメーターの別のオプションとして追加し、その中に共有したい修飾子を追加します。

[MeterShapes]
Meter=Shape
Shape=Rectangle 0,0,100,50 | Extend MySharedModifiers
Shape2=Rectangle 20,10,50,50 | Extend MySharedModifiers
MySharedModifiers=Fill Color 0,0,0,255 | StrokeWidth 4 | Stroke Color 255,255,255,255

Note: The EndX and EndY parameters in the Line shape, as well as in the Arc and Curve shapes, and the LineTo, ArcTo, CurveTo parameters in the Path shape, are not inclusive. The line is drawn up to the points defined by EndX and EndY. A line drawn from pixel 0 to pixel 100 will be drawn on pixels 0 through 99, and be 100 pixels in length.注意:EndXEndYライン状にパラメータだけでなく、アークとカーブ形状で、かつLineToArcToCurveToパスの形状のパラメータは、ある包括的ではありません。線はEndXとEndYで定義された点まで描画されます。ピクセル0からピクセル100までの線は、ピクセル0から99の上に描かれ、長さは100ピクセルです。

Optionsオプション

General meter options一般メーターオプション

All general meter options are valid.一般的なメーターオプションはすべて有効です。

Shape, Shape2, Shape3...

This is the only Shape meter specific option used. It will define the Shape Type and its definition parameters, and any Attribute and Transform modifiers for the shape(s) to be drawn.これは、使用される唯一の形状メーター固有のオプションです。それはShape Typeとその定義パラメータ、そして描かれる形状のためのAttributeTransform修飾子を定義します。

There can be from one to a reasonably unlimited number of shapes in a single Shape meter. Multiple shapes are drawn in the numerical order of the ShapeN, so in the case of overlap, higher numbered shapes will be drawn on top / in front of lower numbered shapes.1つのシェイプメーターには、1から合理的に無制限の数のシェイプまであります。複数の図形は図形Nの番号順に描画されるため、重なっている場合は、大きい番号の図形が小さい番号の図形の上/上に描画されます。

[MeterShapes]
Meter=Shape
Shape=Rectangle 25,25,100,100 | Fill Color 106,159,212,255 | Rotate 45
Shape2=Rectangle 50,50,50,50,25 | Fill Color 255,255,255,255 | StrokeWidth 4

Shape Types形状タイプ

Rectangle Parameters: X, Y, Width, Height, RadiusX, RadiusYRectangle パラメーター: X, Y, Width, Height, RadiusX, RadiusY

A closed rectangle or rounded rectangle.閉じた四角形または角丸四角形。

Parameters:

  • X (required): X coordinate of the shape relative to the meter.X (必須):メーターに対する形状のX座標。
  • Y (required): Y coordinate of the shape relative to the meter.Y (必須):メーターに対する形状のY座標
  • Width (required): Width of the shape.Width (必須):図形の幅
  • Height (required): Height of the shape.Height (必須):形状の高さ
  • RadiusX (optional): Radius of the corners of rounded rectangles. If used with the optional ' RadiusY', this will represent the radius on the X-axis.RadiusX(オプション):角丸長方形の角の半径。オプションの 'RadiusY'と共に使用すると、これはX軸上の半径を表します。
  • RadiusY (optional): Y-Axis radius of the corners of rounded rectangles.RadiusY (オプション):角丸長方形の角のY軸半径。

Examples:
Shape=Rectangle 0,0,100,50
Shape=Rectangle 0,0,100,50,10
Shape=Rectangle 0,0,100,50,20,5例:
Shape=Rectangle 0,0,100,50
Shape=Rectangle 0,0,100,50,10
Shape=Rectangle 0,0,100,50,20,5

Ellipse Parameters: CenterX, CenterY, RadiusX, RadiusYEllipse パラメーター: CenterX, CenterY, RadiusX, RadiusY

A closed circle or oval.閉じた円または楕円

Parameters:

  • CenterX (required): X coordinate of the center of the ellipse.CenterX (必須):楕円の中心のX座標
  • CenterY (required): Y coordinate of the center of the ellipse.CenterY (必須):楕円の中心のY座標
  • RadiusX (required): Radius of the ellipse. If used with the optional 'RadiusY', this will represent the radius on the X-axis.RadiusX(必須):楕円の半径 オプションの 'RadiusY'と共に使用すると、これはX軸上の半径を表します。
  • RadiusY (optional): Radius of the ellipse on the Y-axis.RadiusY (オプション):Y軸上の楕円の半径。

Examples:
Shape=Ellipse 50,50,50
Shape=Ellipse 50,50,50,25例:
Shape=Ellipse 50,50,50
Shape=Ellipse 50,50,50,25

Note on Ellipse:
The shape is drawn centered on the position defined by CenterX and CenterY. In a sense, it draws from the center out. Be sure that CenterX and CenterY, or the X and Y on the meter, leave enough room in the overall skin to not truncate the shape at the left and top.楕円に関する注意:
図形はCenterXとCenterYで定義された位置を中心に描かれます。ある意味で、それは中心から外へ引きます。CenterXとCenterY、またはメーターのXとYが、左右のシェイプを切り捨てないように、スキン全体に十分なスペースを空けていることを確認してください。

Line Parameters: StartX, StartY, EndX, EndYLine パラメーター: StartX, StartY, EndX, EndY

An open line between two points.2点間の開いた線。

Parameters:

  • StartX (required): X coordinate of the starting point of the line.StartX (必須):線の始点のX座標
  • StartY (required): Y coordinate of the starting point of the line.StartY (必須):線の始点のY座標
  • EndX (required): X coordinate of the ending point of the line.EndX (必須):線の終点のX座標
  • EndY (required): Y coordinate of the ending point of the line.EndY (必須):線の終点のY座標

Example:
Shape=Line 50,50,200,200例:
Shape=Line 50,50,200,200

Arc Parameters: (See below)Arc パラメータ:(下記参照)

An open arc between two points.
See our live interactive arc example.2点間の開いた弧。ライブインタラクティブアークの例を
ご覧ください。

Parameters:

  • StartX (required): X coordinate of the starting point of the arc.StartX (必須):円弧の始点のX座標
  • StartY (required): Y coordinate of the starting point of the arc.StartY (必須):円弧の始点のY座標
  • EndX (required): X coordinate of the ending point of the arc.EndX (必須):円弧の終点のX座標
  • EndY (required): Y coordinate of the ending point of the arc.EndY (必須):円弧の終点のY座標
  • RadiusX (optional): X radius of the arc.RadiusX (オプション):円弧のX半径。
  • RadiusY (optional): Y radius of the arc.RadiusY (オプション):円弧のY半径。
  • RotationAngle (optional): Positive or negative angle of rotation. (see note)RotationAngle(オプション):正または負の回転角度。(ノートを参照してください)
  • SweepDirection (optional): Clockwise (0 - default) or counter-clockwise (1) direction.SweepDirection (オプション):時計回り(0 - デフォルト)または反時計回り(1)の方向。
  • ArcSize (optional): Use small (0 - default) or large (1) arc size. (see note)ArcSize(オプション):小さい(0 - デフォルト)または大きい(1)円弧サイズを使用します。(ノートを参照してください)
  • ShapeEnding (optional): Leave the shape open (0 - default) or automatically close (1) the shape.ShapeEnding (オプション):図形を開いたままにする(0 - デフォルト)か、自動的に閉じる(1)。

The first 4 parameters are required. The rest are optional, but in order. When you use an optional parameter later in the order, an asterisk * symbol can be used to indicate "default" in earlier optional parameters.最初の4つのパラメーターは必須です。残りはオプションですが、順番に並んでいます。順序の後半でオプションのパラメータを使用するときは、アスタリスク*記号を使用して、以前のオプションのパラメータで「デフォルト」を示すことができます。

Examples:
Shape=Arc 3,200,203,200,100,100,0,0,0,0 | StrokeWidth 6
Shape=Arc 10,15,110,215,*,*,*,*,*,1 | StrokeWidth 6例:
Shape=Arc 3,200,203,200,100,100,0,0,0,0 | StrokeWidth 6
Shape=Arc 10,15,110,215,*,*,*,*,*,1 | StrokeWidth 6

Notes on Arc:
SweepDirection : ArcSize : An arc describes two virtual ellipses intersecting the starting and ending points. One clockwise and one counter-clockwise. If the radius of the arc is greater than 1/2 the distance between the starting and ending points, this actually creates 4 possible arcs:
  • Clockwise small時計回りに小さい
  • Clockwise large時計回りに大きい
  • Counter-clockwise small反時計回りに小さい
  • Counter-clockwise large反時計回りに大きい
RotationAngle : If the RadiusX and RadiusY of the arc are not the same, then RotationAngle will rotate the two ellipses around a center point defined on and at 1/2 the distance between the starting and ending points.

ShapeEnding : An Arc shape can be either be left open, or have a line segment automatically drawn to close the shape. The impact this has on Attribute Modifiers is:
  • Fill attributes default to transparent on an open shape.塗りつぶし属性は、開いた図形ではデフォルトで透明になります。
  • Fill attributes can be defined for either an open or closed shape.塗りつぶし属性は、開いた図形または閉じた図形のどちらにも定義できます。
  • StrokeWidth is used on the entirety of a closed shape.StrokeWidthは閉じた図形全体に使用されます。
  • StrokeWidth is only used on the "drawn" part of the arc on an open shape.StrokeWidthは、開いた形状の円弧の「描画」部分でのみ使用されます。
Curve Parameters: (See below)Curve パラメータ:(下記参照)

An open quadratic or cubic b?zier curve between two points.2点間の開いた2次または3次ベジエ曲線。

A quadratic b?zier curve is a single set of X and Y control points between starting and ending points.
See our live interactive quadratic curve example.二次ベジェ曲線は、始点と終点の間のXとYの制御点の単一のセットです。ライブのインタラクティブな2次曲線の例を
見てください。

A cubic b?zier curve is two sets of X and Y control points between starting and ending points.
See our live interactive cubic curve example.3次ベジェ曲線は、始点と終点の間にある2組のXおよびY制御点です。
私たちのライブ インタラクティブ3次曲線の例を見てください。

Parameters:

  • StartX (required): X coordinate of the starting point of the curve.StartX (必須):曲線の始点のX座標
  • StartY (required): Y coordinate of the starting point of the curve.StartY (必須):曲線の始点のY座標
  • EndX (required): X coordinate of the ending point of the curve.EndX (必須):曲線の終点のX座標
  • EndY (required): Y coordinate of the ending point of the curve.EndY (必須):曲線の終点のY座標
  • ControlX1 (required): X coordinate of the first control point.
    ControlY1 (required): Y coordinate of the first control point.ControlX1(必須):最初の制御点のX座標
    ControlY1(必須):最初の制御点のY座標
  • ControlX2 (optional): X coordinate of the second control point.
    ControlY2 (optional): Y coordinate of the second control point.ControlX2(オプション):2番目の制御点のX座標。
    ControlY2(オプション):2番目の制御点のY座標。
  • ShapeEnding (optional): Leave the shape open (0 - default) or automatically close (1) the shape.ShapeEnding (オプション):図形を開いたままにする(0 - デフォルト)か、自動的に閉じる(1)。

If either 1 or 2 sets of control points are defined, the next parameter will be ShapeEnding.1組または2組の制御点が定義されている場合、次のパラメータはになりますShapeEnding

Examples:
Shape=Curve 5,5,200,225,400,115,0 | StrokeWidth 6
Shape=Curve 5,5,215,120,40,130,160,15,0 | StrokeWidth 6例:
Shape=Curve 5,5,200,225,400,115,0 | StrokeWidth 6
Shape=Curve 5,5,215,120,40,130,160,15,0 | StrokeWidth 6

Notes on Curve:
A Curve shape can be either be left open, or have a line segment automatically drawn to close the shape. The impact this has on Attribute Modifiers is:
  • Fill attributes default to transparent on an open shape.塗りつぶし属性は、開いた図形ではデフォルトで透明になります。
  • Fill attributes can be defined for either an open or closed shape.塗りつぶし属性は、開いた図形または閉じた図形のどちらにも定義できます。
  • StrokeWidth is used on the entirety of a closed shape.StrokeWidthは閉じた図形全体に使用されます。
  • StrokeWidth is only used on the "drawn" part of the curve on an open shape.StrokeWidthは、開いた図形の曲線の「描画」部分にのみ使用されます。
Path Parameters: (See below)Path パラメータ:(下記参照)

Drawing segments that define the outline of a shape, consisting of a starting point followed by a series of one or more lines, arcs or curves. Each segment will automatically start where the previous one ends. The final result may produce an open or closed shape.始点とそれに続く一連の1つまたは複数の線、円弧または曲線で構成される、図形の輪郭を定義する線分。各セグメントは、前のセグメントが終わるところから自動的に始まります。最終的な結果は、開いた形または閉じた形を生成することがあります。

Path definitions must be defined in a separate named option, which you then reference immediately following the Path type on the Shape(N) option line. For example: Shape=Path MyPath | StrokeColor 0,255,0,255.パス定義別の名前付きオプションで定義する必要あります。これは、Shape(N)オプション行のパスタイプの直後に参照します。例えば:Shape=Path MyPath | StrokeColor 0,255,0,255

Parameters:パラメーター:

  • StartX (required): X coordinate of the starting point of the path.StartX (必須):パスの始点のX座標
  • StartY (required): Y coordinate of the starting point of the path.

    Followed by a pipe | character, and at least one, up to unlimited, of the following segment types, separated by a pipe | character.StartY(必須):パスの始点のY座標

    パイプ|文字と、パイプ文字で区切られた以下のセグメント・タイプのうち少なくとも1つ(無制限まで)が続きます|


  • LineTo (optional): Uses the same parameters as the Line shape, less the X and Y starting coordinates and any ShapeEnding value. Segments will automatically know their starting points, and must always in and of themselves be an open shape.LineTo(オプション):線の形状と同じパラメータを使用し、XとYの開始座標とShapeEndingの値を差し引いたものです。セグメントは自動的に開始点を認識します。また、セグメント自体は常に開いた形である必要があります。
  • ArcTo (optional): Uses the same parameters as the Arc shape, less the X and Y starting coordinates and any ShapeEnding value. Segments will automatically know their starting points, and must always in and of themselves be an open shape.ArcTo(オプション):円弧の形状と同じパラメータを使用し、XとYの開始座標とShapeEndingの値を差し引いたもの。セグメントは自動的に開始点を認識します。また、セグメント自体は常に開いた形である必要があります。
  • CurveTo (optional): Uses the same parameters as the Curve shape, less the X and Y starting coordinates and any ShapeEnding value. Segments will automatically know their starting points, and must always in and of themselves be an open shape.CurveTo(オプション):カーブシェイプと同じパラメータを使い、XとYの開始座標とShapeEndingの値を差し引いたもの。セグメントは自動的に開始点を認識します。また、セグメント自体は常に開いた形である必要があります。

  • In addition, there are two optional segment control commands that can be used at any point in the path definition. These will alter the behavior of the path's stroke from the default values or any defined in the Shape(N) definition, from the point they are used in the path until they are altered again or the end of the path is reached:

  • SetRoundJoin (optional): Values are 0 or 1. Use the default or defined value of StrokeLineJoin (0 - default) to join angled segments, or use a Round (1) line join.SetRoundJoin(オプション):値は0または1です。角度付きセグメントを結合するには、デフォルト値または定義済みのStrokeLineJoin(0 - 既定値)を使用するか、Round(1)線結合を使用します。
  • SetNoStroke (optional): Values are 0 or 1. Use the default or defined value of StrokeWidth (0 - default), or do not draw a stroke (1). This does not change the open or closed nature of the shape.SetNoStroke(オプション):値は0または1です。デフォルト値または定義済みのStrokeWidth(0 - デフォルト)を使用するか、ストローク(1)を描画しません。これは、シェイプの開閉性を変えません。

  • Following the final definition of the path segments, a path may or may not create a fully enclosed shape. This can be controlled by optionally ending the definition with:

  • ClosePath (optional): Values are 0 or 1. Leave the shape open (0 - default) or automatically close (1) the shape by drawing a line segment from the final ending point to the starting point.ClosePath (オプション):値は0または1です。最後の終点から始点まで線分を引いて、図形を開いたまま(0 - デフォルト)または自動的に閉じます(1)。

Examples:例:

[MeterShape1]
Meter=Shape
X=1
Y=1
Shape=Path MyPath | StrokeWidth 2 | Stroke Color 41,4,2,255 | Fill Color 87,149,212,255
MyPath=20,0 | LineTo 150,0 | LineTo 170,20 | LineTo 170,60 | LineTo 150,80 | LineTo 20,80 | LineTo 0,60 | LineTo 0,20 | ClosePath 1

[MeterShape2]
Meter=Shape
X=1
Y=15R
Shape=Path MyPath | StrokeWidth 2 | Stroke Color 41,4,2,255 | Fill Color 87,149,212,255
MyPath=0,0 | LineTo 200,0 | ArcTo 200,100 | CurveTo 0,0,100,100

Notes on Path:
All Attribute and Transform modifiers may be used on the shape, but they may only be defined once on the Shape(N) option line. Individual path segments may not be modified, and the named path definition may only contain the starting point, one or more segment definitions, any optional SetLineJoin or SetNoStroke segment commands, and an optional ClosePath value.パスに関する注意:
すべてのAttributeおよびTransform修飾子は形状に使用できますが、Shape(N)オプション行に一度だけ定義できます。個々のパスセグメントは変更できません。名前付きパス定義には、開始点、1つ以上のセグメント定義、オプションのSetLineJoinまたはSetNoStrokeセグメントコマンド、およびオプションのClosePath値のみを含めることができます。

Closed shapes are automatically filled with the default white fill color. Open shapes are not filled by default, although in both instances this may be changed or forced with a Fill attribute modifier on the shape.閉じた図形は自動的にデフォルトの白の塗りつぶしの色で塗りつぶされます。開いている図形はデフォルトでは塗りつぶされませんが、どちらの場合も、図形の塗りつぶし属性修飾子を使用してこれを変更または強制することができます。

Path1 Parameters: (See Path above)Path1 パラメータ:(上記のパスを参照)

Path1 is an alternative form of the Path shape, using all the same parameters. It will use a different form of the SVG fill-rule when the shape is filled with a color or gradient. This determines what parts of a shape with intersecting segments are "inside" the shape and what are "outside", for purposes of filling the shape with the defined color or gradient.Path1は、すべて同じパラメータを使用するPathシェイプの代替形式です。形が色またはグラデーションで塗りつぶされるとき、それはSVG塗りつぶし規則の異なる形式を使います。これは、定義された色またはグラデーションで形状を塗りつぶすために、交差するセグメントを持つ形状のどの部分が形状の「内側」にあり、何が「外側」になるかを決定します。

Path: This uses an even-odd fill rule. The "insideness" of a point in the shape is determined by imagining a ray from that point to infinity in any direction and counting the number of path segments from the given shape that the ray crosses. If this number is odd, the point is inside; if even, the point is outside.パス:これは偶奇塗りつぶし規則を使用します。形状内の点の「内部性」は、その点から無限方向までの光線を任意の方向に想像し、その光線が交差する特定の形状からの経路セグメントの数を数えることによって決定されます。この数が奇数の場合、点は内側にあります。偶数でも、要点は外にあります。

Path1: This uses a non-zero fill rule. The "insideness" of a point in the shape is determined by imagining a ray from that point to infinity in any direction and then examining the places where a segment of the shape crosses the ray. Starting with a count of zero, add one each time a path segment crosses the ray from left to right and subtract one each time a path segment crosses the ray from right to left. After counting the crossings, if the result is zero then the point is outside the path. Otherwise, it is inside.パス1:これはゼロ以外の塗りつぶし規則を使用します。形状内の点の「内部性」は、その点から無限方向への光線を任意の方向に想像し、次に図形のセグメントが光線と交差する場所を調べることによって決定されます。ゼロのカウントから始めて、パスセグメントが光線を左から右に横切るたびに1を加算し、パスセグメントが光線を右から左に横切るたびに1を減算します。交差点を数えた後、結果がゼロの場合、その点はパスの外側にあります。そうでなければ、それは中です。

Combine Parameters: ShapeN | ...Combine パラメーター: ShapeN | ...

Combine is a special shape type, that combines or merges two or more existing closed shapes in the meter, replacing them with a new "combined" shape. The first shape in the Combine definition will be the "parent", and any shapes, separated with the pipe | character, with which it is combined are "children". This distinction is important in the context of how modifiers are inherited or not on combined shapes.結合は、メーター内の2つ以上の既存の閉じた形状を結合または結合して、それらを新しい「結合」形状に置き換える特別な形状タイプです。結合定義の最初の形状は「親」になり、結合するパイプ|文字で区切られた形状はすべて「子」になります。この区別は、修飾子がどのように継承されるのか、または結合された図形に継承されないのかという文脈において重要です。

Parameters:
ParentShapeName | CombineType ChildShapeName | CombineType ChildShapeName...パラメーター:
ParentShapeName | CombineType ChildShapeName | CombineType ChildShapeName...

Combine types:

  • Union : Merges the parent and defined child shapes together in the new shape.Union :親図形と定義された子図形を新しい図形に結合します。
  • Intersect : Only the overlapping / intersecting portions of the parent and defined child shapes are drawn in the new shape.Intersect :親図形と定義された子図形の重なり合う部分だけが新しい図形に描画されます。
  • XOR : Only the NON overlapping / intersecting portions of the parent and defined child shapes are drawn in the new shape.XOR :親図形と定義された子図形の重ならない/交差していない部分だけが新しい図形に描画されます。
  • Exclude : Only the portion of the parent shape that is NON overlapping / intersecting with the defined child shape is drawn in the new shape.Exclude :定義された子シェイプと重ならず交差していない親シェイプの部分のみが新しいシェイプに描画されます。
? Show Combine Types

Examples:
Shape4=Combine Shape | Union Shape2 | XOR Shape3
Shape4=Combine Shape2 | Intersect Shape
Shape4=Combine Shape | Union Shape3 | Exclude Shape2例:
Shape4=Combine Shape | Union Shape2 | XOR Shape3
Shape4=Combine Shape2 | Intersect Shape
Shape4=Combine Shape | Union Shape3 | Exclude Shape2

Notes on Combine:
When shapes are combined, the parent shape's Attribute Modifiers, e.g. Fill and StrokeWidth, are automatically inherited by the new combined shape. Any Attribute modifiers on child shapes or the new combined shape are ignored.

When shapes are combined, all Transform Modifiers, e.g. Rotate and Scale, on both the parent and child shapes are performed first, before the combine is done. So for instance, a child shape can be rotated, and them combined with a parent shape. The new combined shape can then also have its own Transform Modifiers, which will be done after the shapes are combined.

The order of the front-to-back position of the shapes can be impacted by combining shapes, as the shapes are drawn in the numerical order of their ShapeN option name. Since the new combined shape is also a numbered shape option, some thought should be given when numbering combined and uncombined shapes, to get the order you want.

A Combined shape is always closed. Any open shapes or paths used as a parent or child will automatically be closed before they are combined.結合に関する注意:
図形が結合されると、親図形の属性修飾子(FillやStrokeWidthなど)は新しい結合された図形に自動的に継承されます。子シェイプまたは新しい結合シェイプの属性修飾子はすべて無視されます。

図形が結合されると、結合が行われる前に、親と子の両方の図形に対するすべての変形修飾子(回転や拡大縮小など)が最初に実行されます。そのため、たとえば、子図形を回転させて、それらを親図形と組み合わせることができます。新しい結合された形状はそれ自身の変形修飾子も持つことができ、それは形状が結合された後に行われます。

形状は形状Nオプション名の番号順に描かれるので、形状の前後位置の順序は形状を組み合わせることによって影響を受ける可能性があります。新しい結合形状も番号付き形状のオプションであるため、結合形状と未結合形状に番号を付けるときには、目的の順序になるように考慮する必要があります。

結合形状は常に閉じています。親または子として使用されている開いている図形またはパスは、結合される前に自動的に閉じられます。

Attribute Modifiers属性修飾子

Fill Default: Color 255,255,255,255Fill デフォルト: Color 255,255,255,255

Method used to fill a closed shape. This will be a keyword defining the type of fill, followed by any required and optional parameters for the type.閉じた図形を埋めるために使用される方法。これは、塗りつぶしのタイプを定義するキーワードで、その後にタイプの必須およびオプションのパラメータが続きます。

Fill Types:

  • Color : Fills the shape with a single required Color. The alpha value of the color code can be used to control the opacity of the shape.
    Example: Shape=Rectangle 0,0,100,100 | Fill Color 255,0,0,255Color:必要な1 色で図形を塗りつぶします。カラーコードのアルファ値を使用して、形状の不透明度を制御できます。
    例: Shape=Rectangle 0,0,100,100 | Fill Color 255,0,0,255

  • LinearGradient : Fills the shape with a linear color gradient. This consists of an angle in degrees, followed by a pipe | character and two or more sets of color ; percentage defining the gradient "stops".
    Example: See Defining Gradients for details and examples.LinearGradient:図形を線状のグラデーションで塗りつぶします。これは度数の角度とそれに続くパイプ|文字と2組以上の色から成ります。グラジエントを定義するパーセンテージ。
    例:参照の定義グラデーションを詳細と例については。

  • RadialGradient : Fills the shape with a radial color gradient. This consists of a definition of the gradient coordinates, followed by a pipe | character and two or more sets of color ; percentage defining the gradient "stops".
    Example: See Defining Gradients for details and examples.RadialGradient:放射状のカラーグラデーションで図形を塗りつぶします。これは、グラデーション座標の定義と、それに続くパイプ|文字と2つ以上の色のセットで構成されています。グラジエントを定義するパーセンテージ。
    例:参照の定義グラデーションを詳細と例については。

Stroke Default: Color 0,0,0,255Stroke デフォルト: Color 0,0,0,255

Method used to draw the stroke on a shape. This will be a keyword defining the type, followed by any required and optional parameters for the type.図形にストロークを描画するためのメソッド。これは、型を定義するキーワードで、その後にその型の必須およびオプションのパラメータが続きます。

Stroke Types:

  • Color : Draws the stroke with a single required Color. The alpha value of the color code can be used to control the opacity of the stroke.
    Example: Shape=Rectangle 0,0,100,100 | StrokeWidth 4 | Stroke Color 255,0,0,255Color:必要な1 色でストロークを描きます。カラーコードのアルファ値を使用して、ストロークの不透明度を制御できます。
    例: Shape=Rectangle 0,0,100,100 | StrokeWidth 4 | Stroke Color 255,0,0,255

  • LinearGradient : Draws the stroke with a linear color gradient. This consists of an angle in degrees, followed by a pipe | character and two or more sets of color ; percentage defining the gradient "stops".
    Example: See Defining Gradients for details and examples.LinearGradient:線をグラデーションで描画します。これは度数の角度とそれに続くパイプ|文字と2組以上の色から成ります。グラジエントを定義するパーセンテージ。
    例:参照の定義グラデーションを詳細と例については。

  • RadialGradient : Draws the stroke with a radial color gradient. This consists of a definition of the gradient coordinates, followed by a pipe | character and two or more sets of color ; percentage defining the gradient "stops".
    Example: See Defining Gradients for details and examples.RadialGradient:放射状のカラーグラデーションで線を描画します。これは、グラデーション座標の定義と、それに続くパイプ|文字と2つ以上の色のセットで構成されています。グラジエントを定義するパーセンテージ。
    例:参照の定義グラデーションを詳細と例については。

StrokeWidth Default: 1StrokeWidth デフォルト: 1

Size in pixels of the drawing stroke on the shape.図形上の描画ストロークのピクセル単位のサイズ。

Example: Shape=Rectangle 2,2,100,50 | StrokeWidth 4例: Shape=Rectangle 2,2,100,50 | StrokeWidth 4

Notes on StrokeWidth:
This is not a "border around" the shape. It is the shape's "drawing stroke". One half of the stroke will be "inside" the shape, and one half will be "outside" the shape. With an odd-numbered StrokeWidth, which can't be divided evenly by two, the very most inside and very most outside pixels will actually be 1/2 pixels in size, with Direct2D "aliasing" the edge of the two pixels, to create "half pixels" and keep the stroke the correct size.

If you have a meter at the left or top of the skin, and define a shape with an X or Y of 0, that is where the shape will be drawn. However, since any StrokeWidth added to the shape will have one half of it outside the shape, you will need to move either the meter or the shape right or down to accommodate this, or part of the stroke will be outside the skin and truncated.StrokeWidthに関する注意:
これは図形の「境界線」ではありません。それは形の「描画ストローク」です。ストロークの半分は形状の「内側」になり、半分は形状の「外側」になります。2で均等に分割できない奇数のStrokeWidthでは、一番内側のピクセルと一番外側のピクセルのサイズは実際には1/2ピクセルになり、Direct2Dでは2つのピクセルの端が「エイリアシング」されて作成されます。 「半分のピクセル」とストロークを正しいサイズに保ちます。

スキンの左側または上部にメーターがあり、XまたはYが0の図形を定義すると、その図形が描画されます。ただし、シェイプに追加されたStrokeWidthの半分はシェイプの外側にあるため、メーターまたはシェイプを上下に移動する必要があります。そうしないと、ストロークの一部がスキンの外側になり、切り捨てられます。

StrokeStartCap Default: FlatStrokeStartCap デフォルト: Flat

Defines the shape of a cap used at the start of the drawing stroke on an open shape. This modifier is ignored on closed shapes.開いた図形の描画ストロークの開始時に使用されるキャップの形状を定義します。この修飾子は閉じた図形では無視されます。

Cap Types:

  • Flat : This really no end cap, the same as leaving the modifier off entirely.Flat :これは本当にエンドキャップではなく、修飾子を完全にオフにするのと同じです。
  • Round :Round
  • Square :Square
  • Triangle :Triangle
? Show Start Caps

Example: Shape=Rectangle 0,0,100,100 | StrokeWidth 4 | StrokeStartCap Round例: Shape=Rectangle 0,0,100,100 | StrokeWidth 4 | StrokeStartCap Round

StrokeEndCap Default: FlatStrokeEndCap デフォルト: Flat

Defines the shape of a cap used at the end of the drawing stroke on an open shape. This modifier is ignored on closed shapes.開いた図形の描画ストロークの最後に使用されるキャップの形状を定義します。この修飾子は閉じた図形では無視されます。

Cap Types:

  • Flat : This really no end cap, the same as leaving the modifier off entirely.Flat :これは本当にエンドキャップではなく、修飾子を完全にオフにするのと同じです。
  • Round :Round
  • Square :Square
  • Triangle :Triangle
? Show End Caps

Example: Shape=Rectangle 0,0,100,100 | StrokeWidth 4 | StrokeEndCap Triangle例: Shape=Rectangle 0,0,100,100 | StrokeWidth 4 | StrokeEndCap Triangle

StrokeDashCap Default: FlatStrokeDashCap デフォルト: Flat

Defines the shape of a cap used at the start and end of each dash in the drawing stroke defined by the StrokeDashes modifier.StrokeDashesモディファイによって定義された描画ストローク内の各ダッシュの始点と終点で使用されるキャップの形状を定義します。

Cap Types:

  • Flat : This really no end cap, the same as leaving the modifier off entirely.Flat :これは本当にエンドキャップではなく、修飾子を完全にオフにするのと同じです。
  • Round :Round
  • Square :Square
  • Triangle :Triangle
? Show Dash Caps

Example: Shape=Rectangle 0,0,100,100 | StrokeWidth 4 | StrokeDashes 2,2 | StrokeDashCap Round例: Shape=Rectangle 0,0,100,100 | StrokeWidth 4 | StrokeDashes 2,2 | StrokeDashCap Round

StrokeDashes

Defines a repeating dash or dot pattern for the shape's drawing stroke.図形の描画ストロークの繰り返しダッシュまたはドットパターンを定義します。

This is done with a single or repeating sets of comma-separated pairs of DashSize,GapSize. These are not numbers of pixels, but are a multiplication factor based on the StrokeWidth. So 2, 1.5 would be a dash twice as long as the StrokeWidth, followed by a gap one and one-half times as long as the StrokeWidth, and this would be repeated for the entire stroke. This can be extended, i.e 2,1,3,1.5,4,2 to create a repeating custom dashed stroke of various sizes and gaps.これはカンマで区切られたのペアの単一または繰り返しセットで行われますDashSize,GapSize。これらはピクセル数ではなく、StrokeWidthを基にした倍率です。その2, 1.5ため、StrokeWidthの2倍の長さのダッシュが続き、StrokeWidthの1.5倍のギャップが続きます。これはストローク全体で繰り返されます。これは拡張することができます、すなわち2,1,3,1.5,4,2、さまざまなサイズとギャップの繰り返しのカスタム破線ストロークを作成するためです。

? Show Dashes

Example: Shape=Rectangle 0,0,100,100 | StrokeWidth 4 | StrokeDashes 2,1.5例: Shape=Rectangle 0,0,100,100 | StrokeWidth 4 | StrokeDashes 2,1.5

Notes on StrokeDashes:
Dots instead of dashes are created in conjunction with the StrokeDashCap option above. If you specify a dash size of 0, and a StrokeDashCap of Round you will get dots, Triangle you will get diamonds, and so on. So for instance 0,2 with a StrokeDaskCap of Round will create NO "dash", just the two rounded end caps next to each other followed by a gap, which will create a dotted line.StrokeDashesに関する注意:
ダッシュの代わりにドットが上のStrokeDashCapオプションと一緒に作成されます。のダッシュサイズを指定し、0そのStrokeDashCapをRoundドットにTriangleすると、ダイヤモンドになります。したがって、たとえば0,2StrokeDaskCapがRound"dash"の場合は、2つの丸みを帯びたエンドキャップの隣に隙間が続き、点線が作成されます。

StrokeLineJoin Default: Miter, 10.0StrokeLineJoin デフォルト: Miter, 10.0

Defines the type of join used on angled connections of drawing stroke segments in a shape or path. An optional MiterLimit can be used to specify how sharp Miter joins are allowed to be (default is 10.0).図形またはパス内の描画ストロークセグメントの角度付き接続に使用される結合の種類を定義します。オプションのMiterLimitを使用して、マイター結合をどの程度鋭く許可するかを指定できます(デフォルトは10.0)。

Join Types:

  • Miter : Mitered corners. The corner will be mitered up to the point of MiterLimit, then squared off.Miter:角の隅 コーナーはMiterLimitのポイントまでマイターされ、それから四角になります。
  • Bevel : Beveled or squared corners.Bevel :斜めまたは四角形の角。
  • Round : Rounded corners.Round : 丸い角。
  • MiterOrBevel : Miter is used unless the default or defined value of MiterLimit would be exceeded, in which case Bevel is used.MiterOrBevel MiterLimitのデフォルト値または定義値を超えない限り、Mitreが使用されます。この場合、Bevelが使用されます。
? Show Joins

Miter or MeterOrBevel can be followed by a "," and an optional value for MiterLimit. Think of MiterLimit as controlling the amount of "pointiness" when a very sharp angle join is mitered. MiterLimit is a positive number greater than or equal to 1.0 that describes the limit as a ratio of the miter length to half the stroke's thickness.MitreまたはMeterOrBevelの後には、 "、"、およびMitreLimitのオプションの値を続けることができます。MiterLimitは、非常に鋭い角度の接合部が噛み込まれたときの「鋭さ」の量を制御すると考えてください。MiterLimitは1.0以上の正の数値で、ストロークの太さの半分に対するマイター長の比率として制限を表します。

Example: Shape=Rectangle 0,0,100,100 | StrokeWidth 4 | StrokeLineJoin Bevel例: Shape=Rectangle 0,0,100,100 | StrokeWidth 4 | StrokeLineJoin Bevel

StrokeDashOffset Default: 0StrokeDashOffset デフォルト: 0

Defines an offset where the first dash will start relative to the start of the shape. These are not numbers of pixels, but are a multiplication factor based on the StrokeWidth. So 0.0 would be none, 0.5 would be half the value of the SrokeWidth and 1.5 would be one and a half the value of the StrokeWidth最初のダッシュがシェイプの始点を基準にして始まるオフセットを定義します。これらはピクセル数ではなく、StrokeWidthを基にした倍率です。つまり、0.0はなし、0.5はSrokeWidthの半分の値、1.5はStrokeWidthの半分の値になります。

Example: Shape=Rectangle 0,0,100,100 | StrokeWidth 4 | StrokeDashes 2,2 | StrokeDashOffset 1.0例: Shape=Rectangle 0,0,100,100 | StrokeWidth 4 | StrokeDashes 2,2 | StrokeDashOffset 1.0

Transform Modifiers変換修飾子

Rotate Default: 0, AnchorX, AnchorYRotate デフォルト: 0, AnchorX, AnchorY

Rotates the shape some number of positive or negative degrees of angle, either around the center of the shape (default), or optional X,Y anchor points in pixels relative to the top left of the shape.シェイプをシェイプの中心付近(デフォルト)、またはオプションのX、Yアンカーポイントをシェイプの左上を基準にしてピクセル単位で正または負の角度で回転させます。

Examples:
Shape=Rectangle 0,0,100,100 | Rotate 45
Shape=Rectangle 0,0,100,100 | Rotate 90,10,50例:
Shape=Rectangle 0,0,100,100 | Rotate 45
Shape=Rectangle 0,0,100,100 | Rotate 90,10,50

Scale Default: 1.0, 1.0, AnchorX, AnchorYScale デフォルト: 1.0, 1.0, AnchorX, AnchorY

Scales the shape in the X and / or Y axis, using multiplication factors. Reducing the scale would be done with a scaling factor less than 1. The scaling is done either from the center of the shape (default), or optional X,Y anchor points in pixels relative to the top left of the shape.倍率を使用して、X軸またはY軸、あるいはその両方の形状を拡大縮小します。スケールの縮小は、1未満のスケールファクタで行われます。スケーリングは、シェイプの中心(デフォルト)、またはシェイプの左上を基準にしたピクセル単位のオプションのX、Yアンカーポイントから行われます。

Examples:
Shape=Rectangle 0,0,100,100 | Scale 1.5,0
Shape=Rectangle 0,0,100,100 | Scale 3.0,0.5,100,100例:
Shape=Rectangle 0,0,100,100 | Scale 1.5,0
Shape=Rectangle 0,0,100,100 | Scale 3.0,0.5,100,100

Notes on Scale:
The size of any StrokeWidth, the drawing stroke, is not effected by scaling the shape. If you specify a StrokeWidth of 4, it will remain 4 pixels in size no matter how you scale the shape.縮尺に関する注意:
StrokeWidthのサイズ、つまり描画ストロークは、形状を拡大縮小しても影響を受けません。StrokeWidthを4に指定した場合、形状をどのように拡大縮小しても、サイズは4ピクセルのままになります。

A shape may be "flipped" or "mirrored" using Scale, by simply scaling it -1.0 on the axis you wish to flip. So Horizontal would be -1.0,1.0, Vertical would be 1.0,-1.0, and Both would be -1.0,-1.0.シェイプはScaleを使って反転させたり反転させたりすることができます。単に-1.0反転させたい軸上で拡大縮小するだけです。つまり、水平方向-1.0,1.0、垂直方向1.0,-1.0、そして両方となります-1.0,-1.0

Skew Default: 0.0, 0.0, AnchorX, AnchorYSkew デフォルト: 0.0, 0.0, AnchorX, AnchorY

Skews the shape in the X and / or Y axis, some number of positive or negative degrees of angle. The skew is done either from the center of the shape (default), or optional X,Y anchor points in pixels relative to the top left of the shape.X軸またはY軸、あるいはその両方でシェイプを歪めます。正または負の角度がいくつかあります。スキューは、図形の中心(デフォルト)、または図形の左上を基準にしたピクセル単位のX、Yアンカーポイント(オプション)のいずれかから行われます。

Examples:
Shape=Rectangle 0,0,100,100 | Skew 20,0
Shape=Rectangle 0,0,100,100 | Skew 0,-20,100,0例:
Shape=Rectangle 0,0,100,100 | Skew 20,0
Shape=Rectangle 0,0,100,100 | Skew 0,-20,100,0

Offset Default: 0, 0Offset デフォルト: 0, 0

Offsets (moves) the shape in the X and / or Y axis some number of positive or negative pixels.X軸またはY軸、あるいはその両方の形状を、正または負のピクセル数だけオフセット(移動)します。

Example: Shape=Rectangle 0,0,100,100 | Offset 10,0例: Shape=Rectangle 0,0,100,100 | Offset 10,0

TransformOrder Default: Rotate, Scale, Skew, OffsetTransformOrder デフォルト: Rotate, Scale, Skew, Offset

Allows you to change the default order in which the various Transform modifiers are applied. This can be important when anchor points are used in transforms, as for instance you may want to Scale before you Rotate. Any missing Transform modifier names will be placed to the back of the queue in the default order.さまざまな変形修飾子が適用されるデフォルトの順序を変更できます。アンカーポイントがトランスフォームで使用されている場合、これは重要になります。足りないトランスフォーム修飾子の名前は、デフォルトの順序でキューの最後に配置されます。

Example: Shape=Rectangle 0,0,100,100 | TransformOrder Scale,Rotate
In this example the resulting order would be Scale,Rotate,Skew,Offset例: Shape=Rectangle 0,0,100,100 | TransformOrder Scale,Rotate
この例では、結果として得られる順序は、[スケール]、[回転]、[傾斜]、[オフセット]になります。

Extend Modifier修飾子を拡張

Extend

A special modifier that will allow you to move Attribute and / or Transform modifiers from the ShapeN option to one or more named options in the meter. The intent of this is two-fold. First, to allow different shape to share modifiers without having to specify them repeatedly in each shape option. Second, to provide a way to shorten the overall length of the shape option line, by breaking out modifiers as desired to separate named options.アトリビュートやトランスフォームモディファイアをShape Nオプションからメーター内の1つ以上の名前付きオプションに移動できるようにする特別なモディファイア。その意図は2つあります。まず、各形状オプションでそれらを繰り返し指定しなくても、異なる形状が修飾子を共有できるようにします。次に、名前付きオプションを区切るために必要に応じて修飾子を分割して、形状オプション行の全長を短くする方法を提供します。

Example:例:

[MeterShapes]
Meter=Shape
Shape=Rectangle 0,0,100,50 | Extend MySharedModifiers, MyRotateAndScale1
Shape2=Rectangle 20,10,50,50 | Extend MySharedModifiers, MyRotateAndScale2
MySharedModifiers=Fill Color 0,0,0,255 | StrokeWidth 4 | Stroke Color 255,255,255,255
MyRotateAndScale1=Rotate 20 | Scale 1.5,0
MyRotateAndScale2=Rotate 45 | Scale 2.0,1.5

Notes on Extend:
The named options can be any names you like, however as with any other option in a .ini file, they must be unique to the [Section].

This functionality cannot "cascade". You can't have a named Extend option use an Extend modifier.

The modifiers in the named option are in effect "inserted" in the ShapeN option line where the Extend keyword is located. In the case of any duplication of a modifier this inadvertently causes, the rule is "last wins". If there are two instances of for example StrokeWidth that end up being defined for a single ShapeN option, the last one that is defined after all Extend named options are "inserted" will be performed.拡張に関する注意:
名前付きオプションは、好きな名前にすることができますが、.iniファイル内の他のオプションと同様に、[Section]に固有のものでなければなりません。

この機能は「カスケード」できません。名前付きExtendオプションにExtend修飾子を使用させることはできません。

名前付きオプションの修飾子は、ExtendキーワードがあるShape Nオプション行に実際に "挿入"されています。これが誤って引き起こす修飾子の複製の場合、ルールは「最後の勝利」です。例えばStrokeWidthのインスタンスが2つあり、それらが単一のShape Nオプションに対して定義されている場合、名前付きオプションのすべての拡張オプションが "挿入"された後に定義された最後のインスタンスが実行されます。

Defining Gradientsグラデーションを定義する

Gradients must be defined in a separate named option, which you then reference in Fill or Stroke modifiers on the shape. There are two kinds of gradients possible, LinearGradient and RadialGradient.グラデーション別の名前付きオプションで定義する必要があります。その後、そのオプションを図形の塗りつぶしまたはストローク修飾子で参照します。可能なグラデーションには、LinearGradientとRadialGradientの2種類があります。

Examples:例:

[MeterShape]
Meter=Shape
; Filling the shape with a gradient
Shape=Rectangle 0,0,100,100 | Fill LinearGradient MyFillGradient
MyFillGradient=180 | 255,0,0,255 ; 0.0 | 0,255,0,255 ; 0.5 | 0,0,255,255 ; 1.0
; Drawing the stroke with a gradient
Shape2=Rectangle 50,50,100,100 | StrokeWidth 10 | Stroke LinearGradient MyStrokeGradient
MyStrokeGradient=270 | 0,0,255,255 ; 0.0 | 0,255,0,255 ; 0.5 | 255,0,0,255 ; 1.0
LinearGradient Parameters: Angle | Color ; Percentage | ...LinearGradient パラメーター: Angle | Color ; Percentage | ...

This takes the form of the Angle for the gradient in degrees, a | pipe character, then a series of Color codes, a ; semi-colon, and a Percentage from 0.0 to 1.0 to define the position of the color in the gradient. Each series of Color ; Percentage are separated by a | pipe character.これは、度数の勾配に対して角度の形を取りますその後、パイプ文字、一連のカラーコードセミコロン、およびグラデーション内の色の位置を定義する0.0から1.0のパーセントカラーの各シリーズパーセントは、|で区切られていますパイプ文字

Example:例:

[MeterShape]
Meter=Shape
Shape=Rectangle 1,1,101,101 | Fill LinearGradient MyFillGradient
MyFillGradient=180 | 255,0,0,255 ; 0.0 | 0,255,0,255 ; 0.5 | 0,0,255,255 ; 1.0

That will define a gradient at 180 degrees. It will start with a color of 255,0,0,255 (red) at percentage 0.0 (the start), will transition to a color of 0,255,0,255 (green) at percentage 0.5 (50 percent), and to 0,0,255,255 (blue) at percentage 1.0 (100 percent).それは180度の勾配を定義します。パーセンテージ0.0(開始)で255,0,0,255(赤)の色で始まり、パーセンテージ0.5(50%)で0,255,0,255(緑)の色に、そして0,0,255,255(青)に変わります。 )1.0(100パーセント)

The Angle is defined as any number of degrees, with 0 or 360 starting directly to the right and rotating clockwise. This results in the following gradient directions on the Shape or Stroke:角度は任意の角度で定義され、0または360が直接右に始まり時計回りに回転します。これにより、シェイプまたはストローク上で次のグラデーション方向が得られます。

  • 0 (360) : Right to Left0(360):右から左
  • 90 : Bottom to Top90:下から上へ
  • 180 : Left to Right180:左から右
  • 270 : Top to Bottom270:上から下へ

Note: Any defined color with a percentage outside the 0.0 to 1.0 range will not directly be displayed, but will still affect the interpolation of the gradient.注意: 0.0から1.0の範囲外のパーセンテージを持つ定義済みの色は直接表示されませんが、それでもグラデーションの補間に影響します。

RadialGradient Parameters: (See below)RadialGradient パラメータ:(下記参照)

This takes the form of the required CenterX, CenterY and any optional coordinate parameters, a | pipe character, then a series of Color codes, a ; semi-colon, and a Percentage from 0.0 to 1.0 to define the position of the color in the gradient. Each series of Color ; Percentage are separated by a | pipe character.これは、必須CenterX, CenterYおよび任意の座標パラメータの形式を取りますその後、パイプ文字、一連のカラーコードセミコロン、およびグラデーション内の色の位置を定義する0.0から1.0のパーセントカラーの各シリーズパーセントは、|で区切られていますパイプ文字

Parameters: CenterX, CenterY, OffsetX, OffsetY, RadiusX, RadiusY | Color ; Percentage | ...

  • CenterX (required): Amount of pixels along the x-axis from the center of the shape to offset the center of the gradient ellipse.CenterX (必須):グラデーション楕円の中心をオフセットするための、シェイプの中心からX軸に沿ったピクセル数。
  • CenterY (required): Amount of pixels along the y-axis from the center of the shape to offset the center of the gradient ellipse.CenterY (必須):グラデーション楕円の中心をオフセットするための、シェイプの中心からy軸に沿ったピクセル数。
  • OffsetX (optional): Amount of pixels along the x-axis to offset the gradient origin relative to the gradient ellipse's center (CenterX).OffsetX (オプション):グラデーション楕円の中心(CenterX)を基準にしてグラデーションの原点をオフセットするためのX軸に沿ったピクセル数。
  • OffsetY (optional): Amount of pixels along the y-axis to offset the gradient origin relative to the gradient ellipse's center (CenterY).OffsetY (オプション):グラデーション楕円の中心(CenterY)を基準にしてグラデーションの原点をオフセットする、Y軸に沿ったピクセル数。
  • RadiusX (optional): The radius along the x-axis of the gradient ellipse.RadiusX (オプション):グラデーション楕円のx軸に沿った半径。
  • RadiusY (optional): The radius along the y-axis of the gradient ellipse.RadiusY (オプション):グラデーション楕円のy軸に沿った半径。
  • Color ; Percentage (required): 1 or more color and percentage pairs (separated by a semi-colon;) that defines the colors at specific percentages in the gradient.Color ; Percentage(必須):;グラデーション内の特定の割合で色を定義する、1つ以上の色と割合のペア(セミコロンで区切られています)。

Examples:例:

[MeterShape]
Meter=Shape
Shape=Ellipse 50,50,50 | StrokeWidth 0 | Fill RadialGradient MyGradient1
MyGradient1=0,0 | 155,200,232,255 ; 0.0 | 6,46,75,255 ; 1.0
Shape2=Ellipse 170,50,50 | StrokeWidth 0 | Fill RadialGradient MyGradient2
MyGradient2=0,0,20,20 | 155,200,232,255 ; 0.0 | 6,46,75,255 ; 1.0

Note: Any defined color with a percentage outside the 0.0 to 1.0 range will not directly be displayed, but will still affect the interpolation of the gradient.注意: 0.0から1.0の範囲外のパーセンテージを持つ定義済みの色は直接表示されませんが、それでもグラデーションの補間に影響します。

Note on Gradients:グラデーションについての注意:

An alternative form of the gradients can be used by adding a "1" to the end of LinearGradient or RadialGradient These LinearGradient1 and RadialGradient1 forms use all the same setting values, but interpolate the gradient using an alternative method of handling gamma correction. In some cases you may find this makes for a smoother or brighter gradient transition.LinearGradientまたはRadialGradientの最後に「1」を追加することで、グラデーションの代替形式を使用できます。これらLinearGradient1RadialGradient1形式はすべて同じ設定値を使用しますが、ガンマ補正を処理する代替方法を使用してグラデーションを補間します。場合によっては、これがより滑らかなまたは明るいグラデーションの移行に役立つことがあります。

Mouse Detection on Shapes図形上でのマウス検出

The behavior of Mouse Actions, for actions like LeftMouseUpAction, MouseOverAction, MouseScrollDownAction and the others is a bit different on a Shape meter than other meters.振る舞いマウス操作などのアクションのため、LeftMouseUpActionMouseOverActionMouseScrollDownActionその他は他メートルよりも形状測定器で少し異なっています。

In a Shape meter, the mouse is only detected on any solid part of the drawing created by any and all shapes in the meter. It is not dependent on any rectangular meter container. The mouse will instead be detected on any solid pixel created by the actual shape objects being drawn.シェイプメーターでは、マウスはメーター内のすべての図形によって作成された図面のどの部分でも検出されます。長方形のメーターコンテナには依存しません。代わりにマウスは、描かれている実際の形状オブジェクトによって作成された任意のソリッドピクセル上で検出されます。

The mouse will be detected on any solid part of the shapes even if the shapes extend outside the boundaries of the meter container. This will be common with this meter type and is why we have changed the "target" of the mouse detection from the meter to the shapes. Quite often, there will be no W and H defined on the meter, and thus no meter container at all.図形がメーターコンテナーの境界の外側に広がっていても、マウスは図形のどの部分でも検出されます。これはこのメータータイプに共通しており、マウス検出の「ターゲット」をメーターから形状に変更した理由です。多くの場合、メーターに定義されているWとHはなく、したがってメーターコンテナーもまったくありません。

As always, there can only be one of each kind of mouse action in a [Section]. This means that you can't for instance have two ShapeN shapes in the meter, and have a distinct LeftMouseUpAction on each. In order to have distinct mouse actions of the same type on individual shapes, you will need to create the shapes in different Shape meters.

Device Independent Pixelsデバイスに依存しないピクセル

The values for pixels that are used in the Shape meter are Device Independent Pixels, and thus may be fractional. You may use 10.25 pixels or even 0.754 pixels when defining a shape. This is important for precision. However, this is only for the values used in shapes. The values used for meters, the W and H and X and Y of a Rainmeter meter, are still as of this writing in full integer pixels.

Examples

While the code here is for a simple skin that demonstrates various ways to manipulate the Rectangle shape type, the .rmskin in the Download button is a much more robust suite of skins demonstrating many of the aspects of the Shape meter.ここのコードはRectangleシェイプタイプを操作するさまざまな方法を示す単純なスキン用ですが、Downloadボタンの.rmskinはシェイプメーターのさまざまな側面を示す、より堅牢なスキンのスイートです。

[Rainmeter]
Update=1000
DynamicWindowSize=1
AccurateText=1

[MeterRectangle]
Meter=Shape
X=2
Y=2
Shape=Rectangle 0,0,100,100 | Extend MyModifiers1
MyModifiers1=Fill Color 191,237,239,255 | StrokeWidth 4 | Stroke Color 46,115,31,255

[MeterRotatedRectangle]
Meter=Shape
X=25R
Y=14r
Shape=Rectangle 0,0,70,70 | Extend MyModifiers1, MyModifiers2
MyModifiers1=Fill Color 191,237,239,255 | StrokeWidth 4 | Stroke Color 46,115,31,255
MyModifiers2=Rotate 45

[MeterRoundedRectangle]
Meter=Shape
X=10R
Y=2
Shape=Rectangle 0,0,100,100,20 | Extend MyModifiers1
MyModifiers1=Fill Color 191,237,239,255 | StrokeWidth 4 | Stroke Color 46,115,31,255

[MeterRoundedX]
Meter=Shape
X=10R
Y=2
Shape=Rectangle 0,0,100,100,40,20 | Extend MyModifiers1
MyModifiers1=Fill Color 191,237,239,255 | StrokeWidth 4 | Stroke Color 46,115,31,255

[MeterRoundedY]
Meter=Shape
X=10R
Y=2
Shape=Rectangle 0,0,100,100,20,40 | Extend MyModifiers1
MyModifiers1=Fill Color 191,237,239,255 | StrokeWidth 4 | Stroke Color 46,115,31,255

[MeterOvalWide]
Meter=Shape
X=10R
Y=15r
Shape=Rectangle 0,0,100,70,50 | Extend MyModifiers1
MyModifiers1=Fill Color 191,237,239,255 | StrokeWidth 4 | Stroke Color 46,115,31,255

[MeterOvalTall]
Meter=Shape
X=10R
Y=2
Shape=Rectangle 0,0,70,100,50 | Extend MyModifiers1
MyModifiers1=Fill Color 191,237,239,255 | StrokeWidth 4 | Stroke Color 46,115,31,255

[MeterEllipse]
Meter=Shape
X=10R
Y=2
Shape=Rectangle 0,0,100,100,50 | Extend MyModifiers1
MyModifiers1=Fill Color 191,237,239,255 | StrokeWidth 4 | Stroke Color 46,115,31,255

[MeterLine]
Meter=Shape
X=0
Y=20R
Shape=Rectangle 0,0,858,2, | Extend MyModifiers1
MyModifiers1=Fill Color 191,237,239,255 | StrokeWidth 0

An example skin demonstrating the Shape meter.シェイプメーターを示すスキンの例。

スポンサーリンク

関連記事

スポンサーリンク

REPLACE関数 文字列を置き換える

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る