背景イメージをウォーターマークとして印刷

Spread.Sheetsでは、任意の背景イメージをウォーターマークとして印刷できます。

本機能は、ブランドの信頼性、コンテンツが他の組織でコピーされないように保護するために、ワークシートに会社のロゴ、タグライン、著作権情報、またはその他のデータを背景として埋め込んで各ページや複数ページを印刷する場合に特に役に立ちます。

背景イメージをウォーターマークとして印刷するには、PrintInfo クラスのwatermark()メソッドを使用できます。

コードの使用

次のサンプルコードは、背景イメージをウォーターマークとして印刷します。

JavaScript	コードのコピー
<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script> <link href="css/gc.spread.sheets.excel2013white.12.2.0.css" rel="stylesheet" /> <script src="scripts/gc.spread.sheets.all.12.2.0.min.js"></script> <script src="scripts/gc.spread.sheets.print.12.2.0.min.js"></script> <script> $(document).ready(function() { // Spreadを初期化します。 var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 1 }); spread.suspendPaint(); // ActiveSheetを取得します。 activeSheet = spread.getSheet(0); // シートの行数/列数を設定します。 activeSheet.setRowCount(200); activeSheet.setColumnCount(8); // 値を設定します。 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(); // すべてのページにウォーターマークを印刷します。 var watermark1 = { x: 0, y: 0, width: 80, height: 80, imageSrc: "../image/gc1.png", page: "all" }; // 特定のページにウォーターマークを印刷します。 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(); }); }); </script> </head> <body> <input type="button" style=" margin-left:16px" id="print" value="クリックして印刷する"> <div id="ss" style="height:400px;width:600px"></div> </body> </html>

JavaScript

コードのコピー

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<link href="css/gc.spread.sheets.excel2013white.12.2.0.css" rel="stylesheet" />
<script src="scripts/gc.spread.sheets.all.12.2.0.min.js"></script>
<script src="scripts/gc.spread.sheets.print.12.2.0.min.js"></script>
<script>
  $(document).ready(function()
  {
    // Spreadを初期化します。
    var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), {
      sheetCount: 1
    });
    spread.suspendPaint();
    // ActiveSheetを取得します。
    activeSheet = spread.getSheet(0);
    // シートの行数/列数を設定します。
    activeSheet.setRowCount(200);
    activeSheet.setColumnCount(8);
    // 値を設定します。
    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();
    // すべてのページにウォーターマークを印刷します。
    var watermark1 = {
      x: 0,
      y: 0,
      width: 80,
      height: 80,
      imageSrc: "../image/gc1.png",
      page: "all"
    };
    // 特定のページにウォーターマークを印刷します。
    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();
    });
  });
</script>

</head>
<body>
<input type="button" style=" margin-left:16px" id="print" value="クリックして印刷する">
<div id="ss" style="height:400px;width:600px"></div>
</body>
</html>