These diagrams are in .svg format.
Pdf
and
png
versions are also available.
The PDF equivalent can be found in examples.pdf of the distribution.
Click on the link to view the source of each diagram.
These diagrams have been adapted from the Circuit_macros examples in
order to test the experimental svg output of dpic.
Generating the line art is relatively straightforward, but
the labeling is not created by a text processor and therefore must be
more basic. Some of these diagrams might benefit from a little more
tweaking of fonts and labels.
These examples conform to the latest dpic, which has changed the
treatment of text sizing. That is, "Text" ht y sets the true height
of SVG text to y rather than the nominal height as previously.
There are a number of other issues:
Embedding .svg files in html documents with the <embed> or
<object> tag seems to be a perennial issue.
This file has been tested mainly by using Firefox.
Chrome also seems to work well with two issues detected to date:
a difference handling color fills and text links in svg.
The Adobe reader apparently requires a line of the form
<embed src="figure.svg" width="x" height="y" type="image/svg+xml"
/>
This means that the html file has to contain dimension
information for each figure, whereas Firefox can
determine the figure size
from the <svg ... object. Currently, dpic includes a comment line
giving reasonable dimensions in pixels but this has to be insterted into
the <embed or <object line. A makefile does it easily but
otherwise this could be tedious.
The font face is not specified by default in these diagrams but is
inherited from the enclosing document. The default appearance of labels can
differ according to the browser.
The <svg tag may require modification
from the default used for this test. Dpic might be modified to
allow the generation of custom headers but that has not yet been done.
Diagrams such as these contain text labels
that have to be treated differently from the LaTeX-compatible versions.
Apparently there is no direct way to know the bounding box of arbitrary svg
text.
Consequently, text placement is approximate and may require
manual adjustment.
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 should be defined to exercise some of the media capabilties of svg.
They are subject to change:
svg_font(font-face,height,textoffset,dpic commands):
Change font face, size, and dpic textoffset parameter.
If arg4 is blank, the font is changed and
requires command "</g>" to cancel the font change.
Examples: svg_font(Times) svg_font(Times,11bp__,1bp__,"text" at A) svg_font(font-family="Times") svg_font(font-family="Times" font-style="italic") svg_font(style="font-family:Times; font-style:italic")
svg_tspan(text attributes);
e.g. svg_tspan(font-style="italic" font-size="75%")
svg_it(text): for italics
svg_tt(text): for monospace (courier)
svg_norm(text): for normal text
svg_bf(text): for bold face
svg_small(text, percent):
to set a smaller text size, default 66
svg_fsize(text, percent):
for setting larger or smaller text size, default 100
svg_sub(text, size percent, y displ, x displ):
subscript
svg_sup(text, size percent, y displ, x displ):
superscript
svgLink(URL, drawing object, [B]):
link to external file using
<a xlink:href=...>...</a> (default is
target="_blank" unless
arg 3 = B)
svgLinkString as above but for strings attached to objects
Greek and other symbols:
svg_alpha
α
svg_beta
β
svg_chi
χ
svg_comma
,
svg_Delta
Δ
svg_delta
δ
svg_epsilon
ε
svg_eta
η
svg_Gamma
Γ
svg_gamma
γ
svg_iota
ι
svg_kappa
κ
svg_Lambda
Λ
svg_lambda
λ
svg_micro
μ
svg_mu
μ
svg_nu
ν
svg_ohm
Ω
svg_Omega
Ω
svg_omega
ω
svg_Phi
Φ
svg_phi
φ
svg_Pi
Π
svg_pi
π
svg_Psi
Ψ
svg_psi
ψ
svg_rho
ρ
svg_Sigma
Σ
svg_sigma
σ
svg_tau
τ
svg_Theta
Θ
svg_theta
θ
svg_upsilon
υ
svg_Xi
Ξ
svg_xi
ξ
svg_zeta
ζ
svg_lt
<
svg_gt
>
svg_leq
≤
svg_geq
≥
svg_prime
′
svg_ensp
| |
svg_emsp
| |
svg_thinsp
| |
svg_backsl
\
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.
Link experiments: Click on the resistor or source of quickSVG
to go to external
files in new windows. Click on "n-port" in NportSVG to replace the diagram
and then "back" to return.
Some of the assumptions used to create this draft may be naive. Comments
are welcome.