[]
DEMOS DOC DESIGNER API
DOWNLOAD
(Showing Draft Content)

Print Background Image As Watermark

SpreadJS enables users to print any background image of their choice as a watermark.


This feature is useful especially when users want to print worksheets along with their company logo, tagline, copyright information, or any other data embedded in the background of each page or several pages to indicate the authenticity of their brand or simply protect their content from getting copied by any other organization.


The watermark method of the PrintInfo class can be used to print background images as watermarks.


The following code sample shows how to print the background image as a watermark.

$(document).ready(function ()
{
  // Initializing Spread
  var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'),  { sheetCount: 1 });
  spread.suspendPaint();

  // Fetch ActiveSheet
  activeSheet = spread.getSheet(0);

  // Set Sheet's RowCount/ ColCount
  activeSheet.setRowCount(200);
  activeSheet.setColumnCount(8);
  // Set value
  for (var r = 0, rc = activeSheet.getRowCount(); r < rc; r++) {
    for (var c = 0, cc = activeSheet.getColumnCount(); c < cc; c++) {
      activeSheet.setValue(r, c, r + c);
    }
  }
  spread.resumePaint();
  var printInfo = activeSheet.printInfo();

  // For printing watermark on all pages
  var watermark1 = { x: 0, y: 0, width: 80, height: 80, imageSrc: "../image/gc1.png", page: "all" };

  // For printing watermark on selected pages
  var watermark2 = { x: 650, y: 1000, width: 100, height: 80, imageSrc: "../image/gc2.png", page: "0,1,3" };
  printInfo.watermark([watermark1, watermark2]);
  $("#print").click(function ()
  {
    spread.print();
  });
});