ドキュメントDynamic Media画像サービングおよび画像レンダリング API

clipPath clippath

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • トピック：

作成対象：

  • 開発者
  • ユーザー

レイヤークリップパス。 現在のレイヤーのクリップパスを指定します。

clipPath= *pathDefinition*

clipPathE= *pathName**[, *pathName*]

pathDefinition
パスデータ。
pathName
レイヤーソース画像に埋め込まれたパスの名前（ASCII のみ）。

レイヤーで定義された領域の外側にあるレイヤーの部分 clipPath= 透明にレンダリングされます。

*pathName* は、レイヤーソース画像に埋め込まれたパスの名前です。 パスは、画像のコンテンツとの相対的な整合性を維持するために自動的に変換されます。 複数の *pathName* が指定されている場合、サーバーは画像をこれらのパスの積集合にクリップします。 ソース画像に見つからない *pathName* は無視されます。

NOTE
*pathName* では ASCII 文字列のみがサポートされています。

*pathDefinition* レイヤーのピクセル座標に明示的なパスデータを指定できます。

0,0 ではなく size= を指定した場合、レイヤーがプレビューされます。 この場合、パス座標はレイヤーの長方形の左上隅を基準とし、レイヤーは origin= またはそのデフォルトに基づいて配置されます。 レイヤーの長方形の外側にあるパスの領域は、透明なままです。

単色レイヤーまたはテキストレイヤーに size= が指定されていない場合、レイヤーは、パスの範囲がそのサイズを決定するセルフサイズと見なされます。 origin= を指定しない場合は、パス座標空間の（0,0）がデフォルトになります。 このワークフロープロセスでは、レイヤー 0 の原点を基準としたパス座標を指定できます。

NOTE
scale=、rotate=、anchor= のコマンドは、ソリッドカラーレイヤーのサイズを自動調整する場合は使用できません。

*pathDefinition*SVG <path> 要素の d= 属性の値に似た文字列を受け入れます。ただし、値を区切るためにスペースの代わりにコンマが使用される点が異なります。 *pathDefinition* には、1 つ以上の閉じたループのサブパスを含めることができます。

次のパスコマンドが *pathDefinition* でサポートされています。

コマンド
Name
Description
M x,y
絶対に移動
x,y で新しいサブパスを開始します。
m x,y
動く親類
L *{ x,y}
絶対ライン
現在の位置から x,y まで線を引きます。
l *{ x,y}
lineto relative
C *{ x1,y1,x2,y2,x,y}
curveto absolute
現在の位置から x,y までベジェ曲線を描画します。x1,y1 は曲線の始点のコントロール ポイントで、x2,y2 は曲線の終点のコントロール ポイントです。
c *{ x1,y1,x2,y2,x,y}
curveto relative
Z | z
closepath
現在のサブパスを直線で閉じます。

大文字のコマンドは、座標値が（レイヤーの長方形の左上を基準にして）ピクセルの絶対位置にあることを示します。 ピクセルオフセットは、現在の位置を基準にした小文字のコマンドに従います。

「m」または「M」は、常に新しいサブパスを開始します。 終点で「Z」または「z」が指定されていない場合、サブパスは自動的に（直線で）閉じられます。

サブパスが相対移動（'m'）で始まる場合は、次のいずれかに対する相対パスになります。

  • 前のサブパスの開始点（「z」または「Z」で閉じられた場合）
  • 前のサブパスの終了点（明示的に閉じられていない場合）。
  • 0,0 （最初のサブパスの場合）

プロパティ section-d4127db0dac54e3cbd44f7ea1e001960

レイヤー属性。 現在のレイヤーまたは合成イメージ（layer=comp の場合）に適用されます。 エフェクトレイヤーはそれを無視します。

指定した名前のパスがレイヤーソースイメージに見つからない場合、またはレイヤーソースがイメージでない場合、修飾子 clipPathE= は無視されます。

初期設定 section-076c35ea37fa4a44ada253b4c2dec1dd

なし（レイヤーの追加クリッピングをおこなわない場合）。

関連項目 section-dd8110fb6f5c45eba6284c5ec5f49056

clipXpath= , textFlowPath= , extend=

recommendation-more-help
a26166cd-f2f4-45ce-996d-96a0f0d6cf49