lab/svg-foreign-object-readme
1
Fork 0
Code Activity

Bootstrap

Browse source
This commit is contained in:
Jake Howard 2024-01-28 17:24:07 +00:00 committed by GitHub
parent 0864af1883
commit 9e35adba48
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 27 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
README.md
View file

@ -1 +1,3 @@
# svg-foreign-object-test
# svg-foreign-object-test
![Test SVG](./test.svg)

24
test.svg Normal file
View file

@ -0,0 +1,24 @@
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<style>
div {
background: pink;
font: 12px serif;
padding: 10px;
}
.red {
color: red;
}
.green {
color: green
}
</style>
<foreignObject x="20" y="20" width="160" height="100">
<div xmlns="http://www.w3.org/1999/xhtml">
<p class="red">This is red color</p>
<a href="//example.com" class="green">This is green color</a>
</div>
</foreignObject>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 505 B