Method-Draw/editor/embedapi.html at master · FEsource/Method-Draw · GitHub

56 lines (46 loc) · 1.9 KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<body>

var svgCanvas = null;

function init_embed() {

var frame = document.getElementById('svgedit');

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';

}

function handleSvgData(data, error) {

if (error)

{

alert('error ' + error);

}

else

{

alert('Congratulations. Your SVG string is back in the host page, do with it what you will\n\n' + data);

}

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);

}

function saveSvg() {

svgCanvas.getSvgString()(handleSvgData);

}

</script>

<button onclick="loadSvg();">Load example</button>

<br/>

</body>

</html>

Method-Draw/editor/embedapi.html at master · FEsource/Method-Draw · GitHub

Uh oh!

Expand file tree

Breadcrumbs

embedapi.html

Latest commit

History

Breadcrumbs

embedapi.html

File metadata and controls