| | |
| | | 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; |
| | |
| | | { |
| | | doc = frame.contentWindow.document; |
| | | } |
| | | |
| | | |
| | | var mainButton = doc.getElementById('main_button'); |
| | | mainButton.style.display = 'none'; |
| | | mainButton.style.display = 'none'; |
| | | } |
| | | |
| | | |
| | | function handleSvgData(data, error) { |
| | | if (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() { |
| | | |
| | | function saveSvg() { |
| | | svgCanvas.getSvgString()(handleSvgData); |
| | | } |
| | | </script> |
| | |
| | | <button onclick="saveSvg();">Save data</button> |
| | | <br/> |
| | | |
| | | <iframe src="index.html" width="900px" height="600px" id="svgedit" onload="init_embed()"></iframe> |
| | | <iframe src="index.html" width="900px" height="600px" id="svgedit" onload="init_embed()"></iframe> |
| | | </body> |
| | | </html> |