[Sommaire] [Imprimer]

   1  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
   2  <HTML>
   3  <HEAD>
   4  <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=iso-iso-8859-1">
   5  <LINK REL="Start" HREF="index.html">
   6  <LINK REL="Contents" HREF="toc.html">
   7  <LINK REL="Prev" HREF="815Usingbackgroundimages.html">
   8  <LINK REL="Next" HREF="817UsingcallbacksforPlotmarks.html">
   9  <STYLE TYPE="text/css"><!--
  10  BODY { font-family: serif }
  11  H1 { font-family: sans-serif }
  12  H2 { font-family: sans-serif }
  13  H3 { font-family: sans-serif }
  14  H4 { font-family: sans-serif }
  15  H5 { font-family: sans-serif }
  16  H6 { font-family: sans-serif }
  17  SUB { font-size: smaller }
  18  SUP { font-size: smaller }
  19  PRE { font-family: monospace }
  20  A { text-decoration: none }
  21  --></STYLE>
  22  </HEAD>
  23  <BODY>
  24  <A HREF="toc.html">Contents</A>
  25  <A HREF="815Usingbackgroundimages.html">Previous</A>
  26  <A HREF="817UsingcallbacksforPlotmarks.html">Next</A>
  27  <HR NOSHADE>
  28  <H2><A NAME="8_16">8.16 Using a background gradient</A></H2>
  29  <P> In addition to the background image you can also add a background
  30   color gradient. This gradient can be covering the entire graph, just
  31   the plot area or just the margins. This flexibility allows you to
  32   combine a background image with a background color gradient. You can
  33   for example use a background image in the plot area and a color
  34   gradient out in the margins.</P>
  35  <P> You specify a color gradient background by calling the <A href="../ref/Graph.html#_GRAPH_SETBACKGROUNDGRADIENT">
  36   Graph::SetBackgroundGradient()</A> method. All details are available in
  37   the class reference (follow the link above). We finally give a quick
  38   example on what kind of effect you can achieve using this feature.<DIV class="example">
  39  <BR> <A href="exframes/frame_gradbkgex1.html" target="blank"><IMG border="0"
  40  HEIGHT="200"  src="img/gradbkgex1.png" WIDTH="300"></A>
  41  <BR><B>Figure 90:</B> Using a background color gradient with the
  42   SetBackgroundGradient() method <A href="exframes/frame_gradbkgex1.html" target="blank">
  43  [src]</A>&nbsp;
  44  <P></P>
  45  </DIV></P>
  46  <P></P>
  47  <P> Finally we like to mention that in the &quot;/utils/misc/&quot; directory you
  48   will find a small utility script called &quot;mkgrad.php&quot;. Running this
  49   script presents you with a UI that makes it a breeze to create a
  50   gradient image on it's own.</P>
  51  <P> The UI for the utility is so obvious that we won't discuss it
  52   further, we just show it below. <IMG alt="The UI for the mkgrad.php utility"
  53   src="img/"><I> The UI for the mkgrad.php utility</I></P>
  54  <P> In the example below this utility is used to get a more interesting
  55   plot area.</P>
  56  <P><DIV class="example">
  57  <BR> <A href="exframes/frame_inyaxisex2.html" target="blank"><IMG border="0"
  58  HEIGHT="300"  src="img/inyaxisex2.png" WIDTH="400"></A>
  59  <BR><B>Figure 91:</B> Example of the use of a gradient background <A href="exframes/frame_inyaxisex2.html"
  60  target="blank">[src]</A>&nbsp;
  61  <P></P>
  62  </DIV></P>
  63  <P></P>
  64  <HR NOSHADE>
  65  <A HREF="toc.html">Contents</A>
  66  <A HREF="815Usingbackgroundimages.html">Previous</A>
  67  <A HREF="817UsingcallbacksforPlotmarks.html">Next</A>
  68  </BODY>
  69  </HTML>