ADV.MASTER リファレンスマニュアル

ユーザ用ツール

サイト用ツール

トレース:
レイヤ操作

Warning: Undefined array key -1 in /home/r4162016/public_html/loginas.co.jp/advmaster/reference/inc/html.php on line 1458

差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン 		前のリビジョン
レイヤ操作 [2022/01/18 18:30]
advmanager [image (画像の読み込み)] 		レイヤ操作 [2022/11/16 10:09] (現在)
advmanager [image (画像の読み込み)]
行 10: 行 10:
 |left|no|px|表示させる位置 原点(画面左上)から右方向,下方向の座標add,subで相対位置が指定可能| |left|no|px|表示させる位置 原点(画面左上)から右方向,下方向の座標add,subで相対位置が指定可能|
 |top|no|px|　| |top|no|px|　|
-|orgx|no|left(初期値)\\  center|画像のx基準点を指定\\  [[座標系設定#ヒント|こちらも参照ください]]| +|orgx|no|left(初期値)\\ center\\ 数字\\ (add/sub)数字|画像のx基準点（原点）を指定\\  [[座標系設定#ヒント|こちらも参照ください]]| 
-|orgy|no|top(初期値)\\  center|画像のy基準点を指定\\  [[座標系設定#ヒント|こちらも参照ください]]|+|orgy|no|top(初期値)\\ center\\ 数字\\ (add/sub)数字|画像のy基準点（原点）を指定\\  [[座標系設定#ヒント|こちらも参照ください]]|
 |opacity|no|0～255|透明度255で通常0で完全透明| |opacity|no|0～255|透明度255で通常0で完全透明|
 |{{anchor:pos:pos}}|no|ol,ml,l,lc,c,rc,r,mr,or\\  tappoint, endtext|x座標を自動的に設定。\\  [[座標系設定#画像の横位置(X座標)設定|詳しくはこちら]]| |{{anchor:pos:pos}}|no|ol,ml,l,lc,c,rc,r,mr,or\\  tappoint, endtext|x座標を自動的に設定。\\  [[座標系設定#画像の横位置(X座標)設定|詳しくはこちら]]|
行 26: 行 26:
 |{{anchor:mode:mode}}|no|source-over,\\  source-in,\\  source-out,\\  source-atop,\\  destination-over,\\  destination-in,\\  destination-out,\\  destination-atop,\\  lighter,\\  copy,\\  xor,\\  multiply,\\  screen,\\  overlay,\\  darken,\\  lighten,\\  color-dodge,\\  color-burn,\\  hard-light,\\  soft-light,\\  difference,\\  exclusion,\\  hue,\\  saturation,\\  color,luminosity|参考サイト：\\  %%https://developer.mozilla.org/  |{{anchor:mode:mode}}|no|source-over,\\  source-in,\\  source-out,\\  source-atop,\\  destination-over,\\  destination-in,\\  destination-out,\\  destination-atop,\\  lighter,\\  copy,\\  xor,\\  multiply,\\  screen,\\  overlay,\\  darken,\\  lighten,\\  color-dodge,\\  color-burn,\\  hard-light,\\  soft-light,\\  difference,\\  exclusion,\\  hue,\\  saturation,\\  color,luminosity|参考サイト：\\  %%https://developer.mozilla.org/ 
  ja/docs/Web/API/  CanvasRenderingContext2D/  globalCompositeOperation%%\\  当サイトに掲載していない値を入力すると無視される|  ja/docs/Web/API/  CanvasRenderingContext2D/  globalCompositeOperation%%\\  当サイトに掲載していない値を入力すると無視される|
-|rotate|no|整数|画像の原点を軸に反時計回りに回転0と360は同じとなる\\ ※fliplr,flipud指定で画像が反転している場合、反転による移動先の従来の原点を軸に回転します|+|rotate|no|整数|画像の原点を軸に時計回りに回転。0と360は同じとなる\\ ※fliplr,flipud指定で画像が反転している場合、反転による移動先の従来の原点を軸に回転します|
 |fliplr|no|true\\  false(初期値)|画像の左右反転\\ ※viewとの同時設定はできません。viewが設定されている時、fliplrは無視されます。| |fliplr|no|true\\  false(初期値)|画像の左右反転\\ ※viewとの同時設定はできません。viewが設定されている時、fliplrは無視されます。|
 |flipud|no|true\\  false(初期値)|画像の上下反転\\ ※viewとの同時設定はできません。viewが設定されている時、flipudは無視されます。| |flipud|no|true\\  false(初期値)|画像の上下反転\\ ※viewとの同時設定はできません。viewが設定されている時、flipudは無視されます。|
行 53: 行 53:
  
 ■ z=\\ ■ z=\\
-画像の基準点によって挙動が変わります[[座標系設定#Imageタグのz属性と座標について|※詳しくはこちら]]\\ +画像の基準点（原点）によって挙動が変わります[[座標系設定#Imageタグのz属性と座標について|※詳しくはこちら]]\\ 
-デフォルトでは基準点は画像の左上なのでそこを基準として画像が拡大されます\\+デフォルトでは基準点（原点）は画像の左上なのでそこを基準として画像が拡大されます\\
 画像の中央から拡大させたい場合orgx=c,orgy=cの記述が必要です\\ 画像の中央から拡大させたい場合orgx=c,orgy=cの記述が必要です\\
  
 {{anchor:数字を画像で出力:■ 数字を画像で出力}} {{anchor:数字を画像で出力:■ 数字を画像で出力}}
 |例：\\  @image layer=num storage=numbers visible=true orgx=l orgy=t left=400 top=300 format=number value=12345 max=7 zerosup=false comma=false z=100\\  →12345\\  @image layer=num storage=numbers visible=true orgx=l orgy=t left=400 top=300 format=number value=12345 max=7 zerosup=true comma=false z=100\\  →0012345\\  @image layer=num storage=numbers visible=true orgx=l orgy=t left=400 top=300 format=number value=12345 max=7 zerosup=false comma=true z=150\\  →12,345\\  @image layer=num storage=numbers visible=true orgx=c orgy=c left=400 top=300 format=number value=12345 max=7 zerosup=true comma=true z=50\\  →012,345\\  @image layer=num storage=numbers visible=true orgx=c orgy=c left=400 top=300 format=number value=123456789 max=7 zerosup=true comma=true z=50\\  →3456789\\  @image layer=num storage=numbers visible=true orgx=c orgy=c left=400 top=300 format=number value=-12345 max=7 zerosup=true comma=true z=200\\  →-12345\\  @image layer=num storage=numbers visible=true orgx=l orgy=t left=400 top=300 format=number value=2021/03/04 z=120\\  →2021/03/04\\  @image layer=num storage=numbers visible=true orgx=c orgy=c left=400 top=300 format=number value=2021/03/04+18:23:54 z=100\\  →2021/03/04 18:23:54\\  @image layer=num storage=numbers visible=true orgx=l orgy=t left=400 top=300 format=number value=20:19:54 z=200\\  →20:19:54\\  @image layer=num storage=numbers visible=true orgx=l orgy=t left=400 top=300 format=date value=&func.epochSecond z=120\\  →2021/03/04\\  @image layer=num storage=numbers visible=true orgx=c orgy=c left=400 top=300 format=datetime value=&func.epochSecond z=100\\  →2021/03/04 18:23:54\\  @image layer=num storage=numbers visible=true orgx=c orgy=c left=400 top=300 format=time value=1611213665 z=100\\  →20:19:54| |例：\\  @image layer=num storage=numbers visible=true orgx=l orgy=t left=400 top=300 format=number value=12345 max=7 zerosup=false comma=false z=100\\  →12345\\  @image layer=num storage=numbers visible=true orgx=l orgy=t left=400 top=300 format=number value=12345 max=7 zerosup=true comma=false z=100\\  →0012345\\  @image layer=num storage=numbers visible=true orgx=l orgy=t left=400 top=300 format=number value=12345 max=7 zerosup=false comma=true z=150\\  →12,345\\  @image layer=num storage=numbers visible=true orgx=c orgy=c left=400 top=300 format=number value=12345 max=7 zerosup=true comma=true z=50\\  →012,345\\  @image layer=num storage=numbers visible=true orgx=c orgy=c left=400 top=300 format=number value=123456789 max=7 zerosup=true comma=true z=50\\  →3456789\\  @image layer=num storage=numbers visible=true orgx=c orgy=c left=400 top=300 format=number value=-12345 max=7 zerosup=true comma=true z=200\\  →-12345\\  @image layer=num storage=numbers visible=true orgx=l orgy=t left=400 top=300 format=number value=2021/03/04 z=120\\  →2021/03/04\\  @image layer=num storage=numbers visible=true orgx=c orgy=c left=400 top=300 format=number value=2021/03/04+18:23:54 z=100\\  →2021/03/04 18:23:54\\  @image layer=num storage=numbers visible=true orgx=l orgy=t left=400 top=300 format=number value=20:19:54 z=200\\  →20:19:54\\  @image layer=num storage=numbers visible=true orgx=l orgy=t left=400 top=300 format=date value=&func.epochSecond z=120\\  →2021/03/04\\  @image layer=num storage=numbers visible=true orgx=c orgy=c left=400 top=300 format=datetime value=&func.epochSecond z=100\\  →2021/03/04 18:23:54\\  @image layer=num storage=numbers visible=true orgx=c orgy=c left=400 top=300 format=time value=1611213665 z=100\\  →20:19:54|
 +※画像(上記の例ではstorage=numbers)は0～9、カンマ、マイナス、スラッシュ、セミコロン、ドットの15文字が等間隔での横並びになります。\\
 +「0123456789,-/:.」
  
 ■ modeに以下の設定をした場合、TransとMoveの同時進行は不可となる（ブラウザ版）\\ ■ modeに以下の設定をした場合、TransとMoveの同時進行は不可となる（ブラウザ版）\\
 ['source-over','source-in','source-out','source-atop','destination-over','destination-in','destination-out','destination-atop'];\\ ['source-over','source-in','source-out','source-atop','destination-over','destination-in','destination-out','destination-atop'];\\
- 
- 
- 
- 
- 
- 
- 
  
  
レイヤ操作.1642498211.txt.gz · 最終更新: 2022/01/18 18:30 by advmanager

ページ用ツール

特に明示されていない限り、本Wikiの内容は次のライセンスに従います： CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki