summaryrefslogtreecommitdiff
path: root/Master/texmf-dist/doc/latex/circuit-macros/examples/dpv/examplesDPVs.html
diff options
context:
space:
mode:
Diffstat (limited to 'Master/texmf-dist/doc/latex/circuit-macros/examples/dpv/examplesDPVs.html')
-rw-r--r--Master/texmf-dist/doc/latex/circuit-macros/examples/dpv/examplesDPVs.html417
1 files changed, 417 insertions, 0 deletions
diff --git a/Master/texmf-dist/doc/latex/circuit-macros/examples/dpv/examplesDPVs.html b/Master/texmf-dist/doc/latex/circuit-macros/examples/dpv/examplesDPVs.html
new file mode 100644
index 00000000000..8ce1912911b
--- /dev/null
+++ b/Master/texmf-dist/doc/latex/circuit-macros/examples/dpv/examplesDPVs.html
@@ -0,0 +1,417 @@
+<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
+<HTML>
+<HEAD>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<meta http-equiv="Content-Style-Type" content="text/css">
+<!--meta http-equiv="Content-Script-Type" content="text/javascript"-->
+<TITLE>SVG Examples: Circuit_macros Version 10.1</TITLE>
+<meta name="keywords" content="HTML"
+content='Circuit elements, basic circuits, logic circuits and other diagrams,
+electric circuits, resistor, capacitor, inductor, diode, sources, amplifier,
+integrator, fuse, switch, antenna, opamp, transformer, relay, contact, jack,
+plug, FET, UJT, thyristor, bipolar transistor, nport, windings, timer,
+optical isolator, rectifier, bistable, oscillator, CMOS, MOSFET, power supply,
+NAND gate, controlled source, synchronous machine, digital circuit, signal-flow
+graph, latch, decoder, flipflop, full adder, logic diagram, crossbar switch,
+dimensioning, control system, graph, RGB colors, recursion, binary tree,
+flowcharts, picture overlay, ASME Y14.5' >
+
+<style type="text/css">
+</style>
+<link rel="shortcut icon" href="../Circuit_macros.ico" type="image/x-icon" />
+</HEAD>
+
+<!-- m4 macros: ------------------------------------------------------------
+
+
+
+
+
+
+
+--------------------------------------------------------------------- -->
+
+<BODY>
+<table cellpadding="0" cellspacing="0"
+ width="700px" border="0" align="center" ><tr><td>
+
+<H2>SVG Circuit_macros examples, Version 10.1</H2>
+
+<A HREF="../../index.html">Home</A>
+&#62;
+<A HREF="examples.html">Examples</A>
+&#62;
+<A HREF="examplesDPVs.html">dpv</A>
+
+<hr>
+
+<p>
+ This file shows a few diagrams in .svg format produced without the use of
+ LaTeX or equivalent.
+The diagrams have been adapted from the Circuit_macros
+examples in order to test the svg output of dpic.
+To generate the equivalent for all the examples, go to the
+examples/dpv directory and type "make". Typing "make examplesDPVs.html"
+produces the selection shown here.
+</p>
+<p>
+Generating svg line
+art is straightforward but formatting text is not because TeX, LaTeX,
+and related word processors do not produce svg directly. Either
+less-sophisticated text formatting must be employed for svg or an
+ <A HREF="https://en.wikibooks.org/wiki/LaTeX/Export_To_Other_Formats">
+ intermediate format</A>
+such as pdf can be
+produced, followed by an additional processing step to convert to svg.
+Two possibilities for the latter are
+ <A HREF="https://www.ctan.org/pkg/dvisvgm">dvisvgm --pdf</A>
+and
+ <A HREF="https://github.com/dawbarton/pdf2svg">pdf2svg</A>.
+However, many circuit and similar diagrams intended for the web do not
+require sophisticated labels; the examples shown below might
+be representative. Compare them to those in
+ <A HREF="examples.html" TARGET="_blank">examples.html</A>
+</p>
+<p>
+ Click on the link to view the source of each diagram.
+</p>
+<hr>
+<p>
+There are other issues:
+<ul>
+ <li> The default font face is not specified in all of these diagrams but is
+ inherited from the enclosing document, so the appearance of labels can
+ differ depending on the browser. Some of these diagrams set the font at
+ the beginning of the diagram source.
+ <li> Diagrams such as these contain text labels
+ that have to be treated differently from the LaTeX-compatible versions;
+ for example,
+ apparently there is no direct way to know the bounding box of arbitrary svg
+ text.
+ <!-- text, as discussed
+ <a href="http://www.aditus.nu/jpgraph/jpg_svg.php" TARGET="_blank">here,</a>
+ for example. -->
+ Consequently, text placement is approximate and may require
+ manual adjustment.
+ <li> Rather than patch the original source files for svg production,
+ edited copies have been used. The configuration file svg.m4 read by
+ m4 prior to libcct.m4 contains the following macros defined for svg.
+ Others could be defined to exercise some of the media capabilties
+ of svg. They are subject to change:
+ <ul>
+ <li>
+ <g style="font-family:monospace">svg_font(</g>font-face,nominal size[:dptextratio],textoffset,
+ dpic commands<g style="font-family:monospace">)</g>:
+ Change font face, size, textratio and dpic textoffset parameters.
+ Change font face and dpic <g style="font-family:monospace">textht</g>, <g style="font-family:monospace">dptextratio</g>,
+ and <g style="font-family:monospace">textoffset</g> parameters.
+ If arg4 is blank, the font is changed and
+ requires <g style="font-family:monospace">command "&lt;/g&gt;"</g> to cancel the font change.
+ <br>
+ Note:
+ Nominal height = text height in drawing units; actual height =
+ nominal ht x <g style="font-family:monospace">dptextratio</g>.
+ <br>
+ Examples: <br>
+ <g style="font-family:monospace">svg_font(Times)</g><br>
+ <g style="font-family:monospace">svg_font(Times,14bp__)</g><br>
+ <g style="font-family:monospace">svg_font(sans-serif,14bp__:0.71)</g><br>
+ <g style="font-family:monospace">svg_font(Times,11bp__,1bp__,"text" at A)</g><br>
+ <g style="font-family:monospace">svg_font(font-family="Times")</g><br>
+ <g style="font-family:monospace">svg_font(font-family="Times" font-style="italic")</g><br>
+ <g style="font-family:monospace">svg_font(style="font-family:Times; font-style:italic")</g>
+ <li><g style="font-family:monospace"> svgfontratio(</g>font name<g style="font-family:monospace">)</g>;
+ Reasonable <g style="font-family:monospace">dptextratio</g> value for common fonts, used
+ by <g style="font-family:monospace">svg_font</g>.
+ <li><g style="font-family:monospace"> svg_tspan(</g>text attributes, text<g style="font-family:monospace">)</g>;
+ e.g. <g style="font-family:monospace">svg_tspan(font-style="italic" font-size="75%",XYZ)</g>
+ <li><g style="font-family:monospace"> svg_it(</g>text<g style="font-family:monospace">)</g>: for italics
+ <li><g style="font-family:monospace"> svg_tt(</g>text<g style="font-family:monospace">)</g>: for monospace (courier)
+ <li><g style="font-family:monospace"> svg_sf(</g>text<g style="font-family:monospace">)</g>: sans-serif (Helvetica)
+ <li><g style="font-family:monospace"> svg_norm(</g>text<g style="font-family:monospace">)</g>: for normal text
+ <li><g style="font-family:monospace"> svg_bf(</g>text<g style="font-family:monospace">)</g>: for bold face
+ <li><g style="font-family:monospace"> svg_small(</g>text, percent<g style="font-family:monospace">)</g>:
+ to set a smaller text size, default 66
+ <li><g style="font-family:monospace"> svg_fsize(</g>text, percent<g style="font-family:monospace">)</g>:
+ for setting larger or smaller text size, default 100
+ <li><g style="font-family:monospace"> svg_sub(</g>text, size percent, y displ, x displ<g style="font-family:monospace">)</g>:
+ subscript
+ <li><g style="font-family:monospace"> svg_ul(</g>text<g style="font-family:monospace">)</g>: underlined text
+ <li><g style="font-family:monospace"> svg_ol(</g>text<g style="font-family:monospace">)</g>: overlined text
+ <li><g style="font-family:monospace"> svg_sup(</g>text, size percent, y displ, x displ<g style="font-family:monospace">)</g>:
+ superscript
+ <li><g style="font-family:monospace"> svg_hat(</g>character<g style="font-family:monospace">)</g>: circumflex-accented character
+ <li><g style="font-family:monospace"> svg_frac(</g>numerator[:wid], denominator[:wid]<g style="font-family:monospace">)</g>:
+ basic fraction, wid in drawing units
+ <li><g style="font-family:monospace"> svg_rot(</g>degrees, "text" [at position]<g style="font-family:monospace">)</g>:
+ Rotate text degrees (default 90) ccw.
+ Requires <g style="font-family:monospace">svg_rot_init(</g>filename<g style="font-family:monospace">)</g> and the source
+ must be processed twice.
+ <li><g style="font-family:monospace"> svg_rot_init(</g>filename<g style="font-family:monospace">)</g>:
+ filename is the basename of the output of
+ <g style="font-family:monospace">dpic -v filename.pic > filename.svg<g style="font-family:monospace">
+ <li><g style="font-family:monospace"> svg_symbol(</g>text<g style="font-family:monospace">)</g>: allow quoted pound sign in text,
+ e.g., <g style="font-family:monospace">svg_symbol(10&&#96;&#35;&#39;176;)</g> produces 10&#176;
+ <li><g style="font-family:monospace"> svgLink(</g>URL, drawing object, <g style="font-family:monospace">[B])</g>:
+ link to external file using
+ &lt;a xlink:href=...&gt;...&lt;/a&gt; (default is
+ <g style="font-family:monospace">target="_blank"</g> unless
+ arg 3 = B)
+ <li><g style="font-family:monospace"> svgLinkString</g> as above but for strings attached to objects
+ <li> Greek and other symbols:
+
+<!--
+ Reference:
+ https://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references
+ and
+ https://www.toptal.com/designers/htmlarrows/math/
+ -->
+<table cellpadding="2" cellspacing="0" width="75%" >
+<tr>
+<td width="10%"> <g style="font-family:monospace"> svg_alpha</g> <td align="left"> &#945;
+<td width="10%"> <g style="font-family:monospace"> svg_beta</g> <td align="left"> &#946;
+<td width="10%"> <g style="font-family:monospace"> svg_Gamma</g> <td align="left"> &#915;
+<td width="10%"> <g style="font-family:monospace"> svg_gamma</g> <td align="left"> &#947;
+<td width="10%"> <g style="font-family:monospace"> svg_Delta</g> <td align="left"> &#916;
+<td width="10%"> <g style="font-family:monospace"> svg_delta</g> <td align="left"> &#948;
+<td width="10%"> <g style="font-family:monospace"> svg_epsilon</g> <td align="left"> &#949;
+<td width="10%"> <g style="font-family:monospace"> svg_zeta</g> <td align="left"> &#950;
+</tr>
+<tr>
+<td width="10%"> <g style="font-family:monospace"> svg_eta</g> <td align="left"> &#951;
+<td width="10%"> <g style="font-family:monospace"> svg_Theta</g> <td align="left"> &#920;
+<td width="10%"> <g style="font-family:monospace"> svg_theta</g> <td align="left"> &#952;
+<td width="10%"> <g style="font-family:monospace"> svg_iota</g> <td align="left"> &#953;
+<td width="10%"> <g style="font-family:monospace"> svg_kappa</g> <td align="left"> &#954;
+<td width="10%"> <g style="font-family:monospace"> svg_Lambda</g> <td align="left"> &#923;
+<td width="10%"> <g style="font-family:monospace"> svg_lambda</g> <td align="left"> &#955;
+<td width="10%"> <g style="font-family:monospace"> svg_mu</g> <td align="left"> &#956;
+</tr>
+<tr>
+<td width="10%"> <g style="font-family:monospace"> svg_nu</g> <td align="left"> &#957;
+<td width="10%"> <g style="font-family:monospace"> svg_Xi</g> <td align="left"> &#926;
+<td width="10%"> <g style="font-family:monospace"> svg_xi</g> <td align="left"> &#958;
+<td width="10%"> <g style="font-family:monospace"> svg_Pi</g> <td align="left"> &#928;
+<td width="10%"> <g style="font-family:monospace"> svg_pi</g> <td align="left"> &#960;
+<td width="10%"> <g style="font-family:monospace"> svg_rho</g> <td align="left"> &#961;
+<td width="10%"> <g style="font-family:monospace"> svg_Sigma</g> <td align="left"> &#931;
+<td width="10%"> <g style="font-family:monospace"> svg_sigma</g> <td align="left"> &#963;
+</tr>
+<tr>
+<td width="10%"> <g style="font-family:monospace"> svg_tau</g> <td align="left"> &#964;
+<td width="10%"> <g style="font-family:monospace"> svg_upsilon</g> <td align="left"> &#965;
+<td width="10%"> <g style="font-family:monospace"> svg_Phi</g> <td align="left"> &#934;
+<td width="10%"> <g style="font-family:monospace"> svg_phi</g> <td align="left"> &#966;
+<td width="10%"> <g style="font-family:monospace"> svg_chi</g> <td align="left"> &#967;
+<td width="10%"> <g style="font-family:monospace"> svg_Psi</g> <td align="left"> &#936;
+<td width="10%"> <g style="font-family:monospace"> svg_psi</g> <td align="left"> &#968;
+<td width="10%"> <g style="font-family:monospace"> svg_Omega</g> <td align="left"> &#937;
+</tr>
+<tr>
+<td width="10%"> <g style="font-family:monospace"> svg_omega</g> <td align="left"> &#969;
+<td width="10%"> <g style="font-family:monospace"> svg_micro</g> <td align="left"> &#956;
+<td width="10%"> <g style="font-family:monospace"> svg_ohm</g> <td align="left"> &#937;
+<td width="10%"> <g style="font-family:monospace"> svg_lt</g> <td align="left"> &#60;
+<td width="10%"> <g style="font-family:monospace"> svg_gt</g> <td align="left"> &#62;
+<td width="10%"> <g style="font-family:monospace"> svg_leq</g> <td align="left"> &#8804;
+<td width="10%"> <g style="font-family:monospace"> svg_geq</g> <td align="left"> &#8805;
+<td width="10%"> <g style="font-family:monospace"> svg_prime</g> <td align="left"> &#8242;
+</tr>
+<tr>
+<td width="10%"> <g style="font-family:monospace"> svg_backsl</g> <td align="left"> &#92;
+<td width="10%"> <g style="font-family:monospace"> svg_pound</g> <td align="left"> &#35;
+<td width="10%"> <g style="font-family:monospace"> svg_comma</g> <td align="left"> &#44;
+<td width="10%"> <g style="font-family:monospace"> svg_lparen</g> <td align="left"> &#40;
+<td width="10%"> <g style="font-family:monospace"> svg_rparen</g> <td align="left"> &#41;
+<td width="10%"> <g style="font-family:monospace"> svg_circ</g> <td align="left"> &#710;
+<td width="10%"> <g style="font-family:monospace"> svg_deg</g> <td align="left"> &#176;
+<td width="10%"> <g style="font-family:monospace"> svg_grave</g> <td align="left"> &#96;
+</tr>
+</table>
+<table cellpadding="2" cellspacing="0" width="75%" >
+<tr>
+<td width="8%"> <g style="font-family:monospace"> svg_emsp</g> <td width="50px" align="left"> |&#8195;|
+<td width="8%"> <g style="font-family:monospace"> svg_ensp</g> <td width="50px" align="left"> |&#8194;|
+<td width="8%"> <g style="font-family:monospace"> svg_thinsp</g> <td width="50px" align="left"> |&#8201;|
+</tr>
+</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
+ for Inkscape is included. A reasonable variety of elements is defined
+ but many more could be added and they should be customized for
+ particular applications. Adjustments may also have to be made to
+ obtain the proper snap-to actions.
+ <li> Link experiments: Click on the resistor or source of quickDPV
+ to go to external
+ files in new windows. Click on "n-port" in NportDPV to replace the diagram
+ and then "back" to return.
+ <li> Some of the assumptions used to create this draft may be
+ na&#239;ve.
+ Comments are welcome.
+</ul>
+
+<!--
+<embed pluginspage="http://www.adobe.com/svg/viewer/install/" />
+-->
+
+<hr>
+
+<table>
+<tr>
+<td width="50%">
+<p>
+<IMG SRC="quickDPV.svg">
+<br><br>
+Fig. 1 (<a href="quickDPV.txt" TYPE="text/plain" TARGET="_blank"
+ alt="quickDPV">quickDPV.m4</a>):
+SVG produced by dpic &#8194;
+</p>
+</td>
+<td>
+<p>
+<IMG SRC="quick.svg">
+<br><br>
+(<a href="quick.txt" TYPE="text/plain" TARGET="_blank"
+ alt="quick">quick.m4</a>):
+SVG produced from quick.pdf by dvisvgm &#8194;
+</p>
+</td>
+</table>
+
+<hr>
+
+
+
+<p>
+ <IMG SRC="ConnectorsDPV.svg">
+ <br><br>
+Fig. 2 (<a
+ href="ConnectorsDPV.txt" TYPE="text/plain" TARGET="_blank" alt="ConnectorsDPV">ConnectorsDPV.m4</a>):
+Some integrated circuits and connectors with simple geometry
+ and lists of labels &#8194;
+</p>
+<hr>
+
+
+
+<p>
+ <IMG SRC="NportDPV.svg">
+ <br><br>
+Fig. 3 (<a
+ href="NportDPV.txt" TYPE="text/plain" TARGET="_blank" alt="NportDPV">NportDPV.m4</a>):
+The <g style="font-family:monospace">nport</g> and <g style="font-family:monospace">nterm</g> macros &#8194;
+</p>
+<hr>
+
+
+
+<p>
+ <IMG SRC="ex01DPV.svg">
+ <br><br>
+Fig. 4 (<a
+ href="ex01DPV.txt" TYPE="text/plain" TARGET="_blank" alt="ex01DPV">ex01DPV.m4</a>):
+Two simple labeled circuits &#8194;
+</p>
+<hr>
+
+
+
+<p>
+ <IMG SRC="CsourceDPV.svg">
+ <br><br>
+Fig. 5 (<a
+ href="CsourceDPV.txt" TYPE="text/plain" TARGET="_blank" alt="CsourceDPV">CsourceDPV.m4</a>):
+Realization of a controlled source
+ (illustrating stacked element labels) &#8194;
+</p>
+<hr>
+
+
+
+<p>
+ <IMG SRC="HeathkitDPV.svg">
+ <br><br>
+Fig. 6 (<a
+ href="HeathkitDPV.txt" TYPE="text/plain" TARGET="_blank" alt="HeathkitDPV">HeathkitDPV.m4</a>):
+The power supply of a Heathkit AR-15 (Now, <i>that</i>
+ was a receiver!) with custom transformer and other elements,
+ drawn on a grid (partially shown) to aid in placement &#8194;
+</p>
+<hr>
+
+
+
+<p>
+ <IMG SRC="EEPDPV.svg">
+ <br><br>
+Fig. 7 (<a
+ href="EEPDPV.txt" TYPE="text/plain" TARGET="_blank" alt="EEPDPV">EEPDPV.m4</a>):
+Part of a single-line diagram of a power distribution system
+ using draft elements &#8194;
+</p>
+<hr>
+
+
+
+<p>
+ <IMG SRC="controlDPV.svg">
+ <br><br>
+Fig. 8 (<a
+ href="controlDPV.txt" TYPE="text/plain" TARGET="_blank" alt="controlDPV">controlDPV.m4</a>):
+Control-system block diagrams &#8194;
+</p>
+<hr>
+
+
+<p>
+ <IMG SRC="ByteDPV.svg">
+ <br><br>
+Fig. 9 (<a
+ href="ByteDPV.txt" TYPE="text/plain" TARGET="_blank" alt="ByteDPV">ByteDPV.m4</a>):
+Elementary splines &#8194;
+</p>
+<hr>
+
+
+
+<p>
+ <IMG SRC="FlowDPV.svg">
+ <br><br>
+Fig. 10 (<a
+ href="FlowDPV.txt" TYPE="text/plain" TARGET="_blank" alt="FlowDPV">FlowDPV.m4</a>):
+A flowchart sampler &#8194;
+</p>
+<hr>
+ <!-- <p>
+ More flow-chart examples? Try
+ <a href="https://buraphakit.sourceforge.io/EFI/EFI_2019_S2_W13.shtml"
+ TARGET="_blank">here.</a>
+ </p> -->
+
+
+
+
+<p>
+ <IMG SRC="paletteDPV.svg">
+ <br><br>
+Fig. 11 (<a
+ href="paletteDPV.txt" TYPE="text/plain" TARGET="_blank" alt="paletteDPV">paletteDPV.m4</a>):
+A draft palette of a few elements for Inkscape using
+ a 1 mm grid &#8194;
+</p>
+<hr>
+
+
+<p>
+ <IMG SRC="FontsDPV.svg">
+
+</p>
+<hr>
+
+</td>
+</tr>
+</table>
+</BODY>
+</HTML>