diff options
Diffstat (limited to 'graphics/circuit_macros/examples/svg/tstSVG.htmx')
-rw-r--r-- | graphics/circuit_macros/examples/svg/tstSVG.htmx | 162 |
1 files changed, 70 insertions, 92 deletions
diff --git a/graphics/circuit_macros/examples/svg/tstSVG.htmx b/graphics/circuit_macros/examples/svg/tstSVG.htmx index f15d09b7c7..6bb5ab2029 100644 --- a/graphics/circuit_macros/examples/svg/tstSVG.htmx +++ b/graphics/circuit_macros/examples/svg/tstSVG.htmx @@ -60,16 +60,28 @@ more basic. <ul> <ul> <li> - m4tt`'svg_font(</g>font-face,height,textoffset,dpic commands`'m4tt)</g>: - Change font face, size, and dpic textoffset parameter. + m4tt`'svg_font(</g>font-face,nominal size[:dptextratio],textoffset, + dpic commands`'m4tt)</g>: + Change font face and dpic m4tt`'textht</g>, m4tt`'dptextratio</g>, + and m4tt`'textoffset</g> parameters. If arg4 is blank, the font is changed and requires m4tt`'command "</g>"</g> to cancel the font change. + <br> + Note: + Nominal height = text height in drawing units; actual height = + nominal ht x m4tt`'dptextratio</g>. + <br> Examples: <br> m4tt`'svg_font(Times)</g><br> + m4tt`'svg_font(Times,14bp__)</g><br> + m4tt`'svg_font(sans-serif,14bp__:0.71)</g><br> m4tt`'svg_font(Times,11bp__,1bp__,"text" at A)</g><br> m4tt`'svg_font(font-family="Times")</g><br> m4tt`'svg_font(font-family="Times" font-style="italic")</g><br> m4tt`'svg_font(style="font-family:Times; font-style:italic")</g> + <li>m4tt svgfontratio(</g>font name`'m4tt)</g>; + Reasonable m4tt`'dptextratio</g> value for common fonts, used + by m4tt`'svg_font</g>. <li>m4tt svg_tspan(</g>text attributes, text`'m4tt)</g>; e.g. m4tt`'svg_tspan(font-style="italic" font-size="75%",XYZ)</g> <li>m4tt svg_it(</g>text`'m4tt)</g>: for italics @@ -84,6 +96,13 @@ more basic. subscript <li>m4tt svg_sup(</g>text, size percent, y displ, x displ`'m4tt)</g>: superscript + <li>m4tt svg_rot(</g>degrees, "text" [at position]`'m4tt)</g>: + Rotate text degrees (default 90) ccw. + Requires m4tt`'svg_rot_init(</g>filename`'m4tt)</g> and the source + must be processed twice. + <li>m4tt svg_rot_init(</g>filename`'m4tt)</g>: + filename is the basename of the output of + m4tt`'dpic -v filename.pic > filename.svg`'m4tt <li>m4tt svg_symbol(</g>text`'m4tt)</g>: allow quoted pound sign in text, e.g., m4tt`'svg_symbol(10&`#'176;)</g> produces 10° <li>m4tt svgLink(</g>URL, drawing object, m4tt[B])</g>: @@ -96,102 +115,61 @@ more basic. <table cellpadding="0" cellspacing="0" width="100%" > <tr> -<td width="7%"> m4tt svg_alpha</g> - <td align="left"> changecom(,)&`#'945;changecom(`#') -<td width="7%"> m4tt svg_beta</g> - <td align="left"> changecom(,)&`#'946;changecom(`#') -<td width="7%"> m4tt svg_chi</g> - <td align="left"> changecom(,)&`#'967;changecom(`#') -<td width="7%"> m4tt svg_comma</g> - <td align="left"> changecom(,)&`#'44;changecom(`#') -<td width="7%"> m4tt svg_Delta</g> - <td align="left"> changecom(,)&`#'916;changecom(`#') -<td width="7%"> m4tt svg_delta</g> - <td align="left"> changecom(,)&`#'948;changecom(`#') -<td width="7%"> m4tt svg_epsilon</g> - <td align="left"> changecom(,)&`#'949;changecom(`#') -<td width="7%"> m4tt svg_eta</g> - <td align="left"> changecom(,)&`#'951;changecom(`#') +<td width="8%"> m4tt svg_alpha</g> <td align="left"> changecom(,)&`#'945;changecom(`#') +<td width="8%"> m4tt svg_beta</g> <td align="left"> changecom(,)&`#'946;changecom(`#') +<td width="8%"> m4tt svg_Gamma</g> <td align="left"> changecom(,)&`#'915;changecom(`#') +<td width="8%"> m4tt svg_gamma</g> <td align="left"> changecom(,)&`#'947;changecom(`#') +<td width="8%"> m4tt svg_Delta</g> <td align="left"> changecom(,)&`#'916;changecom(`#') +<td width="8%"> m4tt svg_delta</g> <td align="left"> changecom(,)&`#'948;changecom(`#') +<td width="10%"> m4tt svg_epsilon</g> <td align="left"> changecom(,)&`#'949;changecom(`#') +<td width="8%"> m4tt svg_zeta</g> <td align="left"> changecom(,)&`#'950;changecom(`#') <tr> -<td width="7%"> m4tt svg_Gamma</g> - <td align="left"> changecom(,)&`#'915;changecom(`#') -<td width="7%"> m4tt svg_gamma</g> - <td align="left"> changecom(,)&`#'947;changecom(`#') -<td width="7%"> m4tt svg_iota</g> - <td align="left"> changecom(,)&`#'953;changecom(`#') -<td width="7%"> m4tt svg_kappa</g> - <td align="left"> changecom(,)&`#'954;changecom(`#') -<td width="7%"> m4tt svg_Lambda</g> - <td align="left"> changecom(,)&`#'923;changecom(`#') -<td width="7%"> m4tt svg_lambda</g> - <td align="left"> changecom(,)&`#'955;changecom(`#') -<td width="7%"> m4tt svg_micro</g> - <td align="left"> changecom(,)&`#'956;changecom(`#') -<td width="7%"> m4tt svg_mu</g> - <td align="left"> changecom(,)&`#'956;changecom(`#') +<td width="8%"> m4tt svg_eta</g> <td align="left"> changecom(,)&`#'951;changecom(`#') +<td width="8%"> m4tt svg_Theta</g> <td align="left"> changecom(,)&`#'920;changecom(`#') +<td width="8%"> m4tt svg_theta</g> <td align="left"> changecom(,)&`#'952;changecom(`#') +<td width="8%"> m4tt svg_iota</g> <td align="left"> changecom(,)&`#'953;changecom(`#') +<td width="8%"> m4tt svg_kappa</g> <td align="left"> changecom(,)&`#'954;changecom(`#') +<td width="8%"> m4tt svg_Lambda</g> <td align="left"> changecom(,)&`#'923;changecom(`#') +<td width="8%"> m4tt svg_lambda</g> <td align="left"> changecom(,)&`#'955;changecom(`#') +<td width="8%"> m4tt svg_mu</g> <td align="left"> changecom(,)&`#'956;changecom(`#') <tr> -<td width="7%"> m4tt svg_nu</g> - <td align="left"> changecom(,)&`#'957;changecom(`#') -<td width="7%"> m4tt svg_ohm</g> - <td align="left"> changecom(,)&`#'937;changecom(`#') -<td width="7%"> m4tt svg_Omega</g> - <td align="left"> changecom(,)&`#'937;changecom(`#') -<td width="7%"> m4tt svg_omega</g> - <td align="left"> changecom(,)&`#'969;changecom(`#') -<td width="7%"> m4tt svg_Phi</g> - <td align="left"> changecom(,)&`#'934;changecom(`#') -<td width="7%"> m4tt svg_phi</g> - <td align="left"> changecom(,)&`#'966;changecom(`#') -<td width="7%"> m4tt svg_Pi</g> - <td align="left"> changecom(,)&`#'928;changecom(`#') -<td width="7%"> m4tt svg_pi</g> - <td align="left"> changecom(,)&`#'960;changecom(`#') +<td width="8%"> m4tt svg_nu</g> <td align="left"> changecom(,)&`#'957;changecom(`#') +<td width="8%"> m4tt svg_Xi</g> <td align="left"> changecom(,)&`#'926;changecom(`#') +<td width="8%"> m4tt svg_xi</g> <td align="left"> changecom(,)&`#'958;changecom(`#') +<td width="8%"> m4tt svg_Pi</g> <td align="left"> changecom(,)&`#'928;changecom(`#') +<td width="8%"> m4tt svg_pi</g> <td align="left"> changecom(,)&`#'960;changecom(`#') +<td width="8%"> m4tt svg_rho</g> <td align="left"> changecom(,)&`#'961;changecom(`#') +<td width="8%"> m4tt svg_Sigma</g> <td align="left"> changecom(,)&`#'931;changecom(`#') +<td width="8%"> m4tt svg_sigma</g> <td align="left"> changecom(,)&`#'963;changecom(`#') <tr> -<td width="7%"> m4tt svg_Psi</g> - <td align="left"> changecom(,)&`#'936;changecom(`#') -<td width="7%"> m4tt svg_psi</g> - <td align="left"> changecom(,)&`#'968;changecom(`#') -<td width="7%"> m4tt svg_rho</g> - <td align="left"> changecom(,)&`#'961;changecom(`#') -<td width="7%"> m4tt svg_Sigma</g> - <td align="left"> changecom(,)&`#'931;changecom(`#') -<td width="7%"> m4tt svg_sigma</g> - <td align="left"> changecom(,)&`#'963;changecom(`#') -<td width="7%"> m4tt svg_tau</g> - <td align="left"> changecom(,)&`#'964;changecom(`#') -<td width="7%"> m4tt svg_Theta</g> - <td align="left"> changecom(,)&`#'920;changecom(`#') -<td width="7%"> m4tt svg_theta</g> - <td align="left"> changecom(,)&`#'952;changecom(`#') +<td width="8%"> m4tt svg_tau</g> <td align="left"> changecom(,)&`#'964;changecom(`#') +<td width="10%"> m4tt svg_upsilon</g> <td align="left"> changecom(,)&`#'965;changecom(`#') +<td width="8%"> m4tt svg_Phi</g> <td align="left"> changecom(,)&`#'934;changecom(`#') +<td width="8%"> m4tt svg_phi</g> <td align="left"> changecom(,)&`#'966;changecom(`#') +<td width="8%"> m4tt svg_chi</g> <td align="left"> changecom(,)&`#'967;changecom(`#') +<td width="8%"> m4tt svg_Psi</g> <td align="left"> changecom(,)&`#'936;changecom(`#') +<td width="8%"> m4tt svg_psi</g> <td align="left"> changecom(,)&`#'968;changecom(`#') +<td width="8%"> m4tt svg_Omega</g> <td align="left"> changecom(,)&`#'937;changecom(`#') <tr> -<td width="7%"> m4tt svg_upsilon</g> - <td align="left"> changecom(,)&`#'965;changecom(`#') -<td width="7%"> m4tt svg_Xi</g> - <td align="left"> changecom(,)&`#'926;changecom(`#') -<td width="7%"> m4tt svg_xi</g> - <td align="left"> changecom(,)&`#'958;changecom(`#') -<td width="7%"> m4tt svg_zeta</g> - <td align="left"> changecom(,)&`#'950;changecom(`#') -<td width="7%"> m4tt svg_lt</g> - <td align="left"> changecom(,)&`#'60;changecom(`#') -<td width="7%"> m4tt svg_gt</g> - <td align="left"> changecom(,)&`#'62;changecom(`#') -<td width="7%"> m4tt svg_leq</g> - <td align="left"> changecom(,)&`#'8804;changecom(`#') -<td width="7%"> m4tt svg_geq</g> - <td align="left"> changecom(,)&`#'8805;changecom(`#') +<td width="8%"> m4tt svg_omega</g> <td align="left"> changecom(,)&`#'969;changecom(`#') +<td width="8%"> m4tt svg_micro</g> <td align="left"> changecom(,)&`#'956;changecom(`#') +<td width="8%"> m4tt svg_ohm</g> <td align="left"> changecom(,)&`#'937;changecom(`#') +<td width="8%"> m4tt svg_lt</g> <td align="left"> changecom(,)&`#'60;changecom(`#') +<td width="8%"> m4tt svg_gt</g> <td align="left"> changecom(,)&`#'62;changecom(`#') +<td width="8%"> m4tt svg_leq</g> <td align="left"> changecom(,)&`#'8804;changecom(`#') +<td width="8%"> m4tt svg_geq</g> <td align="left"> changecom(,)&`#'8805;changecom(`#') +<td width="8%"> m4tt svg_prime</g> <td align="left"> changecom(,)&`#'8242;changecom(`#') <tr> -<td width="7%"> m4tt svg_prime</g> - <td align="left"> changecom(,)&`#'8242;changecom(`#') -<td width="7%"> m4tt svg_ensp</g> - <td align="left"> |changecom(,)&`#'8194;changecom(`#')| -<td width="7%"> m4tt svg_emsp</g> - <td align="left"> |changecom(,)&`#'8195;changecom(`#')| -<td width="7%"> m4tt svg_thinsp</g> - <td align="left"> |changecom(,)&`#'8201;changecom(`#')| -<td width="7%"> m4tt svg_backsl</g> - <td align="left"> changecom(,)&`#'92;changecom(`#') +<td width="8%"> m4tt svg_backsl</g> <td align="left"> changecom(,)&`#'92;changecom(`#') +<td width="8%"> m4tt svg_pound</g> <td align="left"> changecom(,)&`#'35;changecom(`#') +<td width="8%"> m4tt svg_comma</g> <td align="left"> changecom(,)&`#'44;changecom(`#') +<td width="8%"> m4tt svg_lparen</g> <td align="left"> changecom(,)&`#'40;changecom(`#') +<td width="8%"> m4tt svg_rparen</g> <td align="left"> changecom(,)&`#'41;changecom(`#') +<td width="8%"> m4tt svg_emsp</g> <td align="left"> |changecom(,)&`#'8195;changecom(`#')| +<td width="8%"> m4tt svg_ensp</g> <td align="left"> |changecom(,)&`#'8194;changecom(`#')| +<td width="8%"> m4tt svg_thinsp</g> <td align="left"> |changecom(,)&`#'8201;changecom(`#')| </table> + </ul> <li> Inkscape: It may be efficient to define elements by macro and to place them using a WYSIWYG graphics editor. A draft page intended |