canvas email

by nomomo

HTML

원본 이메일:  <span id="original">test@gmail.com</span><br />
암호화:  <span id="Encrypt"></span><br />
복호화:  <span id="Decrypt"></span><br /><br />
캔버스:  <canvas id="ecanvas" width="200" height="20"></canvas>

CSS

body {
  height: 150px;
  overflow-y: hidden;
  background-color: #f3f5f6;
}

JavaScript

function Encrypt(text) {
  var output = "";
  for (var i = 0; i < text.length; i++) {
    output += String.fromCharCode(text.charCodeAt(i) + 10);
  }
  return output;
}

function Decrypt(text) {
  var output = "";
  for (var i = 0; i < text.length; i++) {
    output += String.fromCharCode(text.charCodeAt(i) - 10);
  }
  return output;
}

$("#Encrypt").html(Encrypt($("#original").html()));
$("#Decrypt").html(Decrypt($("#Encrypt").html()));

var canvas = $("#ecanvas").get(0);
var context = canvas.getContext("2d");
context.fillStyle = "#999";
context.font = "11px sans-serif";
context.textAlign = "center";
context.textBaseline = "middle";
context.fillText(Decrypt("~o}~Jqwksv8myw"), 100, 10);