iframe-proxy | Sunbelt Computer Software

44 lines (38 loc) · 966 Bytes

<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script type="module">
  // npx ucdn --debug
  import {render, html, svg} from '../esm/index.js';
  const dispatch = (id, detail) => () => {
    document.dispatchEvent(new CustomEvent(id, {detail}));
  const svg_test = (id, path) => html`
    <object
        height="100px"
        type="image/svg+xml"
        data=${path}
        onload=${dispatch(id)}
  const m = {
    id: '_svg_',
    path: 'https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/ruby.svg'
  const update = () => {
    render(document.body, svg_test(m.id, m.path));
  document.addEventListener(m.id, () => {
    setTimeout(()=> {
      console.log("loaded");
      // do some work here like changing the svgs height/scale
      update();
    },1000);
  update();
  </script>

Sunbelt Computer Software

PL/B Language Development and Support

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Sunbelt Computer Software

PL/B Language Development and Support

FilesExpand file tree

object.html

Latest commit

History

object.html

File metadata and controls