zcy
/
svgedit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added a locally saveImage as base64 encoded 

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@62 eee81c28-f429-11dd-99c0-75d572ba1ddd
master
Narendra Sisodiya 2009-06-08 07:24:58 +00:00
parent 7103e25a2f
commit d170302f39
3 changed files with 76 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
editor/base64/Base64.js Executable file
View File

@ -0,0 +1,66 @@
// This code was written by Tyler Akins and has been placed in the
// public domain. It would be nice if you left this header intact.
// Base64 code from Tyler Akins -- http://rumkin.com
var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
function encode64(input) {
var output = "";
var chr1, chr2, chr3;
var enc1, enc2, enc3, enc4;
var i = 0;
do {
chr1 = input.charCodeAt(i++);
chr2 = input.charCodeAt(i++);
chr3 = input.charCodeAt(i++);
enc1 = chr1 >> 2;
enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
enc4 = chr3 & 63;
if (isNaN(chr2)) {
enc3 = enc4 = 64;
} else if (isNaN(chr3)) {
enc4 = 64;
}
output = output + keyStr.charAt(enc1) + keyStr.charAt(enc2) +
keyStr.charAt(enc3) + keyStr.charAt(enc4);
} while (i < input.length);
return output;
}
function decode64(input) {
var output = "";
var chr1, chr2, chr3;
var enc1, enc2, enc3, enc4;
var i = 0;
// remove all characters that are not A-Z, a-z, 0-9, +, /, or =
input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
do {
enc1 = keyStr.indexOf(input.charAt(i++));
enc2 = keyStr.indexOf(input.charAt(i++));
enc3 = keyStr.indexOf(input.charAt(i++));
enc4 = keyStr.indexOf(input.charAt(i++));
chr1 = (enc1 << 2) | (enc2 >> 4);
chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
chr3 = ((enc3 & 3) << 6) | enc4;
output = output + String.fromCharCode(chr1);
if (enc3 != 64) {
output = output + String.fromCharCode(chr2);
}
if (enc4 != 64) {
output = output + String.fromCharCode(chr3);
}
} while (i < input.length);
return output;
}

1
editor/svg-editor.html
View File

@ -8,6 +8,7 @@
<script type="text/javascript" src="jpicker/jpicker.js"></script> <script type="text/javascript" src="jpicker/jpicker.js"></script>
<script type="text/javascript" src="svg-editor.js"></script> <script type="text/javascript" src="svg-editor.js"></script>
<script type="text/javascript" src="svgcanvas.js"></script> <script type="text/javascript" src="svgcanvas.js"></script>
<script type="text/javascript" src="base64/Base64.js"></script>
<title>SVG-edit demo</title> <title>SVG-edit demo</title>
</head> </head>
<body> <body>

16
editor/svgcanvas.js
View File

@ -12,6 +12,7 @@ function SvgCanvas(c)
svgroot.setAttribute("width", 640); svgroot.setAttribute("width", 640);
svgroot.setAttribute("height", 480); svgroot.setAttribute("height", 480);
svgroot.setAttributeNS(null, "id", "svgroot"); svgroot.setAttributeNS(null, "id", "svgroot");
svgroot.setAttribute("xmlns", "http://www.w3.org/2000/svg");
container.appendChild(svgroot); container.appendChild(svgroot);
var d_attr = null; var d_attr = null;
@ -91,7 +92,7 @@ function SvgCanvas(c)
out += " " + attr.nodeName + "=\"" + attr.nodeValue+ "\""; out += " " + attr.nodeName + "=\"" + attr.nodeValue+ "\"";
} }
if (elem.hasChildNodes()) { if (elem.hasChildNodes()) {
out += ">\n"; out += ">";
indent++; indent++;
for (i=0; i<childs.length; i++) for (i=0; i<childs.length; i++)
{ {
@ -99,14 +100,14 @@ function SvgCanvas(c)
out = out + svgToString(childs.item(i), indent); out = out + svgToString(childs.item(i), indent);
} else if (childs.item(i).nodeType == 3) { // text node } else if (childs.item(i).nodeType == 3) { // text node
for (j=0; j<indent; j++) out += " "; for (j=0; j<indent; j++) out += " ";
out += childs.item(i).nodeValue + "\n"; out += childs.item(i).nodeValue + "";
} }
} }
indent--; indent--;
for (i=0; i<indent; i++) out += " "; for (i=0; i<indent; i++) out += " ";
out += "</" + elem.nodeName + ">\n"; out += "</" + elem.nodeName + ">";
} else { } else {
out += " />\n"; out += " />";
} }
} }
return out; return out;
@ -493,8 +494,8 @@ function SvgCanvas(c)
this.save = function() { this.save = function() {
// remove the selected outline before serializing // remove the selected outline before serializing
this.selectNone(); this.selectNone();
var str = "<?xml version=\"1.0\" standalone=\"no\"?>\n" var str = "<?xml version=\"1.0\" standalone=\"no\"?>"
str += "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n"; str += "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">";
str += svgToString(svgroot, 0); str += svgToString(svgroot, 0);
this.saveHandler(str); this.saveHandler(str);
} }
@ -614,7 +615,8 @@ function SvgCanvas(c)
$(container).mousemove(mouseMove); $(container).mousemove(mouseMove);
this.saveHandler = function(svg) { this.saveHandler = function(svg) {
alert(svg); //alert(svg);
window.open("data:image/svg+xml;base64," + encode64(svg));
} }
this.selectNone = function() { this.selectNone = function() {