SpreadJS製品ヘルプ
ImageLayout 列挙体
GC.Spread.Sheets 名前空間 : ImageLayout 列挙体
背景画像のレイアウトを定義します。
メンバ
メンバ解説
center背景画像を領域の中央に表示することを指定します。
none領域の左上隅から元のサイズで背景画像を表示することを指定します。
stretch背景画像を領域全体に引き伸ばすことを指定します。
zoom画像のアスペクト比を維持したまま背景画像を領域に表示することを指定します。
使用例
次のサンプルコードは、ImageLayoutタイプを使用します。
var cellImage = document.getElementById("circle").src;
var rowImage = "./css/images/quarter1.png";
var colImage = document.getElementById("logo").src;
sheet.getCell(3, 3).backgroundImage(cellImage);
sheet.getCell(1, -1).backgroundImage(rowImage);
sheet.getCell(-1, 1).backgroundImage(colImage);
sheet.getCell(1, -1).backgroundImageLayout(GC.Spread.Sheets.ImageLayout.center);

<img src="./css/images/box3.png" id="logo"/>
<img src="./css/images/greencircle.png" id="circle"/>
var cellImage = document.getElementById("circle").src;
var rowImage = "./css/images/quarter1.png";
var colImage = document.getElementById("logo").src;
sheet.getCell(3, 3).backgroundImage(cellImage);
sheet.getCell(1, -1).backgroundImage(rowImage);
sheet.getCell(-1, 1).backgroundImage(colImage);
sheet.getCell(1, -1).backgroundImageLayout(GC.Spread.Sheets.ImageLayout.center);

<img src="./css/images/box3.png" id="logo"/>
<img src="./css/images/greencircle.png" id="circle"/>
継承階層

Object
   GC.Spread.Sheets.ImageLayout

関連トピック

参照

GC.Spread.Sheets 名前空間