2012-05-17 22:50:00 +00:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< title > < / title >
< / head >
< body >
< script type = "text/javascript" src = "embedapi.js" > < / script >
< script type = "text/javascript" >
var svgCanvas = null;
function init_embed() {
var frame = document.getElementById('svgedit');
2015-12-22 05:05:03 +00:00
svgCanvas = new embedded_svg_edit(frame);
// Hide main button, as we will be controlling new/load/save etc from the host document
var doc;
doc = frame.contentDocument;
if (!doc)
{
doc = frame.contentWindow.document;
}
var mainButton = doc.getElementById('main_button');
mainButton.style.display = 'none';
2012-05-17 22:50:00 +00:00
}
function handleSvgData(data, error) {
2015-12-22 05:05:03 +00:00
if (error)
{
alert('error ' + error);
}
2012-05-17 22:50:00 +00:00
else
2015-12-22 05:05:03 +00:00
{
alert('Congratulations. Your SVG string is back in the host page, do with it what you will\n\n' + data);
}
2012-05-17 22:50:00 +00:00
}
function loadSvg() {
var svgexample = '< svg width = "640" height = "480" xmlns:xlink = "http://www.w3.org/1999/xlink" xmlns = "http://www.w3.org/2000/svg" > < g > < title > Layer 1< / title > < rect stroke-width = "5" stroke = "#000000" fill = "#FF0000" id = "svg_1" height = "35" width = "51" y = "35" x = "32" / > < ellipse ry = "15" rx = "24" stroke-width = "5" stroke = "#000000" fill = "#0000ff" id = "svg_2" cy = "60" cx = "66" / > < / g > < / svg > ';
svgCanvas.setSvgString(svgexample);
}
2015-12-22 05:05:03 +00:00
function saveSvg() {
svgCanvas.getSvgString()(handleSvgData);
}
2012-05-17 22:50:00 +00:00
< / script >
< button onclick = "loadSvg();" > Load example< / button >
< button onclick = "saveSvg();" > Save data< / button >
< br / >
2012-12-14 02:58:55 +00:00
< iframe src = "index.html" width = "900px" height = "600px" id = "svgedit" onload = "init_embed()" > < / iframe >
2012-05-17 22:50:00 +00:00
< / body >
< / html >
