search

AddressForAll / site-v2

New AddressForAll website, version 3 of attempts to make it better
Apache License 2.0
1 stars 0 forks source link

Build SVG template #24

Open ppKrauss opened 2 years ago

ppKrauss commented 2 years ago

Some SVGs are templates, see donors_funil-tpl-v2htm.svg, that was published in the out/img folder, for example at http://teste2.addressforall.org/img/donors_funil-tpl-v2htm.svg

Need to be pre-processed by the server-side template system, using data form API (se report use). Many others, like stat reports, must to reuse the result SVG.

ppKrauss commented 2 years ago

Lembretes do caso do funil,

Problema do text SVG

A tag <text transform="..." class="...">{$x}</text> requer posicionamento inicial, não tem "box" ou largura, portanto não tem como centralizar o texto.

Solução com foreignObject

image

image

<rect x="95" y="67.6" class="st7" width="510.2" height="148.5"/>
  <foreignObject class="l_v" x="80" y="100" width="520" height="600">
    <div xmlns="http://www.w3.org/1999/xhtml">0123456789</div>
  </foreignObject>
0e1 commented 1 year ago