Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
svg -> foreign object -> iframe to load and render arbitrary html inside SVG (based on Matt Finkle article)
# Editor backup files
<!DOCTYPE html>
<p>SVG as per Finkle</p>
<p style="color: red;" > WARNING: NoScript barfs a hairball about it being click-jacking when you click on links inside the iframe</p>
<svg width="960" height="850">
<g transform="translate(300, 0) rotate(20)">
<foreignObject x="10" y="10" width="800" height="800">
<body xmlns="">
<iframe src="" style="width:700px;height:700px"></iframe>
<script type="text/javascript" src="" ></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment