Attaching SVG to HTML-objects themselves

Good day,

I'm proposing additional functionality for SVG to cover current needs.
SVG seggests only two way to draw line, exactly
<polyline points="400,300 400,200" />
<path     d="M100,200 C100,100 250,100 250,200 S400,300 400,200" />

1) We need to use SVG inside HTML-document directly, i.e.
1.1) without specification of namespace
1.2) outside element <SVG>

2) We need additional enclosed elements
(http://html60.euro.ru/site/html60/en/author/svg-html_eng.htm )
2.1) elements PACK to bind line to HTML-objects:
<polyline points="400,300 400,200">
  <pack host="id1" align="side">
  <pack host="id2" dot="last" align="side">
</polyline>
or
<path     d="M100,200 C100,100 250,100 250,200 S400,300 400,200">
  <pack host="id1" align="side">
  <pack host="id2" dot="last" align="side">
</path>

and to other lines:
<polyline points="400,300 400,200">
  <pack host="id1" ptr="2" align="median" dot="first">
</polyline>
or
<path     d="M100,200 C100,100 250,100 250,200 S400,300 400,200">
  <pack host="id1" ptr="2" align="median" dot="first">
</path>

2.2) elements LD to append note for line nodes, for line sections,
for beginning and for end of line section; to append hint for line
nodes, and line sections (@serialnum is serial number of node):
<polyline points="400,300 400,200">
  <ld serialnum=5 section-note="open"/>
  <ld serialnum=5 point-note="open"/>
  <ld serialnum=5 section-begin="parent" section-end="child"/>
  <ld serialnum=5 section-title="open"/>
  <ld serialnum=5 point-title="open"/>
</polyline>
or
<path     d="M100,200 C100,100 250,100 250,200 S400,300 400,200">
  <ld serialnum=5 section-note="open"/>
  <ld serialnum=5 point-note="open"/>
  <ld serialnum=5 section-begin="parent" section-end="child"/>
  <ld serialnum=5 section-title="open"/>
  <ld serialnum=5 point-title="open"/>
</path>

We need LD also to put object inside node:
<polyline points="400,300 400,200">
  <ld serialnum=5>
    <table> ... </table>
  </ld>
  <ld serialnum=7>
    <img src= >
  </ld>
</polyline>
or
<path     d="M100,200 C100,100 250,100 250,200 S400,300 400,200">
  <ld serialnum=5>
    <table> ... </table>
  </ld>
  <ld serialnum=7>
    <img src= >
  </ld>
</path>

3) We need, that <polyline> and <path>, enclosed into HTML's <form>, sends saments
http://html60.euro.ru/site/html60/en/author/svg-html-form_eng.htm

4) We need additional styles to specify disc, square, arrow, etc
at the end of line, because <marker> is unconvenient for authors
<defs>
  <marker id="Triangle" viewBox="0 0 10 10" refX="0" refY="5"
          markerUnits="strokeWidth" markerWidth="4" markerHeight="3"
          orient="auto">
    <path d="M 0 0 L 10 5 L 0 10 z" />
  </marker>
</defs>
  <path d="M 1000 750 L 2000 750 L 2500 1250"
        fill="none" stroke="black" stroke-width="100" 
        marker-end="url(#Triangle)"  />

5) It's necessary, that interpretion of SVG's <a>, <tspan>, <tref> as identical to
HTML's <a>, <span>, <object>.

<a>
  <ellipse cx="2.5" cy="1.5" rx="2" ry="1" fill="red" />
</a>

<defs>
  <text id="ReferencedText">some data</text>
</defs>
<text x="100" y="200" font-size="45" fill="red" >
  <tref href="#ReferencedText"/>
</text>

<text x="200" y="150" fill="blue" >
  You are <tspan font-weight="bold" fill="red" >not</tspan> a banana.
</text>



Dmitry Turin
HTML6     (6. 8.0)  http://html60.euro.ru
SQL5      (5.14.0)  http://sql50.euro.ru
Unicode7  (7. 3.0)  http://unicode70.euro.ru
Computer2 (2. 5.1)  http://computer20.euro.ru

Received on Wednesday, 26 March 2008 10:34:26 UTC