イントラマートのDrawerオブジェクトを利用して画像ファイルを作成する方法

2018/02/072019/12/19イントラマートintra-mart ver7.2,スクリプト開発

イントラマートのDrawerオブジェクトを利用して画像ファイルを作成する方法です。

イントラマートとは

株式会社NTTデータイントラマート社が開発・販売している、Webアプリケーションシステムのシステム共通基盤（統合型フレームワーク）で、国内の著名企業を中心に6,000社以上に導入されています。イントラマートを導入することにより、Webシステム開発における短納期・低コスト・標準化推進・品質向上を実現できます。

詳しくはこちらをご覧ください。

1. イントラマートのDrawerオブジェクトを利用して画像ファイルを作成

イントラマートのDrawerオブジェクトを利用して画像ファイルを作成

イントラマートのDrawerオブジェクトを利用して画像ファイルを作成します。
（今回のサンプルはファンクションコンテナから直接ブラウザへ画像データを送信しています。）

function init()
{
    //Drawerオブジェクと生成
    var drawer = new Drawer( 500, 500 ) ;
    //直線を引く
    drawer.setLineSize( 2 ) ;
    drawer.drawLine( 10 ,10 , 400 , 10 )  ;

    //破線を引く
    var    lineStyle = new Array() ;
    lineStyle[ 0 ] = 5 ;
    lineStyle[ 1 ] = 1 ;
    lineStyle[ 2 ] = 10 ;
    lineStyle[ 3 ] = 3 ;
    drawer.setLineStyle( lineStyle ) ;
    drawer.setLineSize( 1 ) ;
    drawer.drawLine( 30 , 30 , 400 , 30 )  ;

    //クライアントにファイルを送信
    Module.download.send( drawer.putImage( "jpeg" ), "test.jpeg" , "image/jpeg" ) ;
}

あとは用意されているＡＰＩを使って自由にお絵かき。

メソッド	説明
void clearClip()	クリッピング領域を解除します。
void copyArea(Number x,Number y,Number width,Number height,Number dx,Number dy)	コンポーネント領域を複写します。
void draw3DRect(Number x,Number y,Number width,Number height ,Boolean raised)	指定された矩形を３Ｄ強調表示にします。
void drawArc(Number x,Number y,Number width,Number height,Number startAngle,Number arcAngle)	円弧または楕円弧の輪郭を描画します。
void drawLine(Number x1,Number y1,Number x2,Number y2)	線を描画します。
void drawOval(Number x,Number y,Number width,Number height)	楕円の輪郭を描画します。
void drawPolygon(Array xPoints,Array yPoints)	多角形を描画します。
void drawRect(Number x,Number y,Number width,Number height)	矩形の輪郭を描画します。
void drawRoundRect(Number x,Number y,Number width,Number height,Number arcwidth,Number archeight)	丸いコーナー付きの矩形を描画します。
void drawString(String string,Number x,Number y,String xPosition,String yPosition)	文字列を描画します。
void fill3DRect(Number x,Number y,Number width,Number height,Boolean raised)	塗りつぶし矩形を３Ｄ強調表示で描画します。
void fillArc(Number x,Number y,Number width,Number height,Number startAngle,Number arcAngle)	円弧または楕円弧を塗りつぶして描画します。
void fillOval(Number x,Number y,Number width,Number height)	楕円形を塗りつぶして描画します。
void fillPolygon(Array xPoints,Array yPoints)	多角形を塗りつぶして描画します。
void fillRect(Number x,Number y,Number width,Number height)	塗りつぶし矩形を描画します。
void fillRoundRect(Number x,Number y,Number width,Number height,Number arcWidth,Number arcHeight)	丸いコーナー付きの矩形を塗りつぶして描画します。
String getColor()	現在の色を取得します。
String getFontName()	現在のフォント名を取得します。
String getFontSize()	現在のフォントサイズを取得します。
String getFontStyle()	現在のフォントスタイルを取得します。
Number getLineSize()	現在の線幅を取得します。
Array getLineStyle()	現在の破線スタイルを取得します。
String putImage(String imageType)	画像ファイルのバイナリデータを取得します。
void setClipArc(Number x,Number x,Number width,Number height,Number start,Number extent)	円弧または楕円弧のクリッピング領域を構築します。
void setClipPolygon(Array xPoints,Array yPoints)	多角形のクリッピング領域を構築します。
void setClipRect(Number x,Number y,Number width,Number height)	矩形のクリッピング領域を構築します。
void setColor(Object color)	描画する色を設定します。
void setFontName(String font)	描画するフォントを設定します。
void setFontSize(Number size)	描画するフォントサイズを設定します。
void setFontStyle(String style)	描画するフォントスタイルを設定。
void setLineSize(Number lineSize)	描画する線幅を設定します。
void setLineStyle(Array lineStyle)	描画する線のスタイルを設定します。