uhtml/test/object.html at node-iterator · Smallscript-Corp/uhtml · GitHub

44 lines (38 loc) · 966 Bytes

<!DOCTYPE html>

<head>

<title>Document</title>

// 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>

</head>

</html>

Expand file tree