<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Hi all,
<div><br class="webkit-block-placeholder"></div><div>I love the elegance of Markaby for HTML generation. I'd like to do something similar for SVG, e.g.:</div><div><br class="webkit-block-placeholder"></div><div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 10px/normal Monaco; ">svg11 <span style="color: #aa0d91">do</span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 10px/normal Monaco; color: rgb(196, 26, 22); "><span style="color: #000000"> title </span>"Slide Title"</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 10px/normal Monaco; "> rect({:x=><span style="color: #1c00cf">2</span>,:y=><span style="color: #1c00cf">2</span>,:width=><span style="color: #1c00cf">508</span>,:height=><span style="color: #1c00cf">318</span>,:fill=><span style="color: #c41a16">"aqua"</span>})</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 10px/normal Monaco; color: rgb(196, 26, 22); "><span style="color: #000000"> g({:style=></span>"fill:blue; stroke:black"<span style="color: #000000">, :transform=></span>"translate(17,-38)"<span style="color: #000000">}) </span><span style="color: #aa0d91">do</span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 10px/normal Monaco; "><span class="Apple-tab-span" style="white-space:pre"> </span>circle({:cx=><span style="color: #1c00cf">70</span>, :cy=><span style="color: #1c00cf">100</span>, :r=><span style="color: #1c00cf">50</span>})</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 10px/normal Monaco; "><span class="Apple-tab-span" style="white-space:pre"> </span>rect(:x=><span style="color: #c41a16">"150"</span>, :y=><span style="color: #c41a16">"50"</span>, :rx=><span style="color: #c41a16">"20"</span>, :ry=><span style="color: #c41a16">"20"</span>, :width=><span style="color: #c41a16">"135"</span>, :height=><span style="color: #c41a16">"100"</span>)</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 10px/normal Monaco; "><span class="Apple-tab-span" style="white-space:pre"> </span>line(:x1=><span style="color: #1c00cf">325</span>, :y1=><span style="color: #1c00cf">150</span>, :x2=><span style="color: #1c00cf">375</span>, :y2=><span style="color: #1c00cf">50</span>)</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 10px/normal Monaco; color: rgb(196, 26, 22); "><span style="color: #000000"><span class="Apple-tab-span" style="white-space:pre"> </span>polyline(:points=></span>"50, 250 75, 350 100, 250 125, 350 150, 250 175, 350"<span style="color: #000000">)</span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 10px/normal Monaco; color: rgb(196, 26, 22); "><span style="color: #000000"><span class="Apple-tab-span" style="white-space:pre"> </span>polygon(:points=></span>"250, 250, 297, 284, 279, 340, 220, 340, 202, 284"<span style="color: #000000">)</span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 10px/normal Monaco; "><span class="Apple-tab-span" style="white-space:pre"> </span>ellipse({:cx=><span style="color: #1c00cf">400</span>, :cy=><span style="color: #1c00cf">300</span>, :rx=><span style="color: #1c00cf">72</span>, :ry=><span style="color: #1c00cf">50</span>})</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 10px/normal Monaco; color: rgb(170, 13, 145); "><span style="color: #000000"> </span>end</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 10px/normal Monaco; color: rgb(170, 13, 145); ">end</div>
</div><div><br class="webkit-block-placeholder"></div><div>I've hacked a custom subclass of Builder (SVGBuilder) that can handle this, but that's probably the wrong approach -- since most users will want to embed SVG inside HTML.</div><div><br class="webkit-block-placeholder"></div><div>Any Markaby experts here who can help me figure out the best way to integrate SVG support into Markaby?</div><div><br class="webkit-block-placeholder"></div><div>Thanks,</div><div>-- Dr. Ernie</div><div><a href="http://ihack.us/">http://ihack.us/</a></div><div><br class="webkit-block-placeholder"></div></body></html>