如何用SpreadJS添加背景图片和水印？

SpreadJS是一个面向企业级应用开发的综合性、高效能的基于HTML5的纯JavaScript的电子表格控件。SpreadJS有着强大的表单处理能力和电子表格功能。这些功能包括跨表单引用和计算，这样就能够充分利用多个表单上的数据和公式。它具有丰富的客户端JavaScript API，为您提供了所需要的灵活的客户端编程。本文主要描述了在SpreadJS中，怎样添加背景图片和水印。

点击下载SpreadJS正式版

添加背景图片

你可以给一个单元格，一列，一行或者整个表格设置背景图片。

你需要提供一个Base 64 编码的位图（BitMap） 或者一个指向图片的 Uri.

ImageLayout 枚举描述了背景图片如何填充所在的区域：拉伸填充，按比例拉伸，居中，或者保持原尺寸。

参考代码

以下代码给单元格，列和行添加了背景图片：

JavaScript

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.getRange(1, -1, 1, -1).backgroundImage(rowImage);
sheet.getRange(-1, 1, -1, 1).backgroundImage(colImage);
...
<img src="./css/images/box3.png" id="logo"/>
<img src="./css/images/greencircle.png" id="circle"/>

参考代码

以下代码使用 Base64 设置背景图片：

JavaScript

var base64Image =
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAKTWlDQ1BQaG90b3Nob3AgSUND