Action: Steven to provide SVG example for <output mediatype=""/>

• From: Steven Pemberton <steven.pemberton@cwi.nl>
• Date: Fri, 26 Sep 2025 12:31:21 +0000
• To: XForms <public-xformsusers@w3.org>
• Message-Id: <1758889386317.1987614631.359436679@cwi.nl>

Here is a suggestion.

        <instance id="clock">
   <svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="-50 -50 
100 100" width="200" height="200" class="clock">
      <circle r="45" class="bezel"/>
      <line x1="0" y1="0" x2="0" y2="30" transform="" class="hour"/>
      <line x1="0" y1="0" x2="0" y2="40" transform="" class="minute"/>
      <circle r="2" class="centre"/>
   </svg>
        </instance>
        
        <bind ref="instance('clock')">
   <bind ref="svg:line[@class='hour']/@transform" 
calculate="concat('rotate(', instance('time')/h * 30 + (instance('time')/m 
div 2), ')')"/>
   <bind ref="svg:line[@class='minute']/@transform" 
calculate="concat('rotate(', instance('time')/m * 6, ')')"/>
        </bind>

...

<output ref="instance('clock')" mediatype="image/svg"/>

Received on Friday, 26 September 2025 12:31:29 UTC