svg: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (Fix: corrects syntaxhightlight lang attribute)
(Changes simple example to use implied name property of h-card)
Line 11: Line 11:
<svg class="h-card" viewBox="0 0 200 200" height="200" width="200">
<svg class="h-card" viewBox="0 0 200 200" height="200" width="200">
     <circle cx="50%" cy="50%" r="100" fill="gold"/>
     <circle cx="50%" cy="50%" r="100" fill="gold"/>
     <text class="p-name" x="25" y="110" font-size="30">
     <text x="25" y="110" font-size="30">
         Example Co.
         Example Co.
     </text>
     </text>

Revision as of 00:26, 1 December 2022

This article is a stub. You can help the microformats.org wiki by expanding it.

The class attribute is allowed on SVG elements. As such, there are rich possibilities for embedding microformats with or in them.


Example

Here is a simple example:

<svg class="h-card" viewBox="0 0 200 200" height="200" width="200">
    <circle cx="50%" cy="50%" r="100" fill="gold"/>
    <text x="25" y="110" font-size="30">
        Example Co.
    </text>
</svg>

See also