Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface ContainerIface

Shapeを子に持てるコンテナ

Hierarchy

Implemented by

Index

Properties

bounds

bounds: Bounds

この図形の上下左右端がなす矩形

layout

layout: string

この図形を用いたレイアウトの種類

  • 線上にセンサやアクチュエータを並べて配置したり、円上に等間隔に分布させたりできる
  • Container.add とあわせて使う
  • 現在は ShapeIface を実装しているクラスのなかでも LineCircle のインスタンスにしか指定できない
  • 現在は等間隔に分布させる distribute と、指定した間隔に並べる align がある
  • 文字列だけでなく、より詳細なオプションをJSON形式で { name: "align", padding: 30 } のように指定することもできる
  • 詳しくは http://docs.f3js.org/howto/layout-manager/ を参照

matrix

matrix: Matrix2D

name

name: string

この図形の種類名

rotation

rotation: number

x

x: number

y

y: number

Methods

add

  • add(shape: ShapeIface | Module, x?: number | PrintOptions, y?: number, rotation?: number): any
  • モジュールや図形をコンテナ上に配置する

    • 図形は drawLine などのメソッドを呼ぶだけで配置されるのであまり使わない
    • モジュールを配置するサンプルコードは次を参照
     var f3js = require('f3js');
    
     // ドライバをrequire
     var grove = require('jsupm_grove');
    
     // インスタンス化
     var led = new grove.GroveLed(5);
    
     // 左上から (50mm, 50mm) の位置にLEDモジュールを配置
     f3js.add(led, 50, 50);
    
     // もちろんLEDを操作することもできる
     led.on();
    

    Parameters

    • shape: ShapeIface | Module
    • Optional x: number | PrintOptions
    • Optional y: number
    • Optional rotation: number

    Returns any

cc

cp

createContainer

  • 新しいコンテナを作る

    • 作成されたコンテナは自動的にこのコンテナの子コンテナになる

    Returns ContainerIface

    コンテナ

createPath

  • 新しいパスを作る

    Returns PathIface

    パス

drawText

  • drawText(text: string, x: number, y: number): ShapeIface
  • Parameters

    • text: string
    • x: number
    • y: number

    Returns ShapeIface

getBounds

remove

  • remove(): void

removeAllChildren

  • removeAllChildren(): any
  • このコンテナ内をクリアして全ての図形を削除する

    Returns any

removeChild

  • このコンテナから図形を削除する

    Parameters

    Returns ShapeIface

    削除された図形

rotate

  • rotate(theta: number): any
  • Parameters

    • theta: number

    Returns any

scale

  • scale(sx: number, sy: number): any
  • Parameters

    • sx: number
    • sy: number

    Returns any

skew

  • skew(skx: number, sky: number): any
  • Parameters

    • skx: number
    • sky: number

    Returns any

translate

  • translate(dx: number, dy: number): any
  • Parameters

    • dx: number
    • dy: number

    Returns any

Generated using TypeDoc