File: script-context2d-scripts-alpha-js.html

package info (click to toggle)
qt4-x11 4%3A4.8.2%2Bdfsg-11
  • links: PTS, VCS
  • area: main
  • in suites: wheezy
  • size: 701,696 kB
  • sloc: cpp: 2,686,179; ansic: 375,485; python: 25,859; sh: 19,349; xml: 17,091; perl: 14,765; yacc: 5,383; asm: 5,038; makefile: 1,259; lex: 555; ruby: 526; objc: 347; cs: 112; pascal: 112; php: 54; sed: 34
file content (74 lines) | stat: -rw-r--r-- 4,957 bytes parent folder | download 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en_US" lang="en_US">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Qt 4.8: alpha.js Example File (script/context2d/scripts/alpha.js)</title>
  <link rel="stylesheet" type="text/css" href="style/offline.css" />
</head>
<body>
<div class="header" id="qtdocheader">
  <div class="content"> 
    <a href="index.html" class="qtref"><span>Qt Reference Documentation</span></a>
  </div>
  <div class="breadcrumb toolblock">
    <ul>
      <li class="first"><a href="index.html">Home</a></li>
      <!--  Breadcrumbs go here -->
    </ul>
  </div>
</div>
<div class="content mainContent">
<h1 class="title">alpha.js Example File</h1>
<span class="small-subtitle">script/context2d/scripts/alpha.js</span>
<!-- $$$script/context2d/scripts/alpha.js-description -->
<div class="descr"> <a name="details"></a>
<pre class="js"> var <span class="name">ctx</span> = <span class="name">document</span>.<span class="name">getElementById</span>(<span class="string">'tutorial'</span>).<span class="name">getContext</span>(<span class="string">'2d'</span>);
   <span class="comment">// draw background</span>
   <span class="name">ctx</span>.<span class="name">fillStyle</span> <span class="operator">=</span> <span class="string">'#FD0'</span>;
   <span class="name">ctx</span>.<span class="name">fillRect</span>(<span class="number">0</span>,<span class="number">0</span>,<span class="number">75</span>,<span class="number">75</span>);
   <span class="name">ctx</span>.<span class="name">fillStyle</span> <span class="operator">=</span> <span class="string">'#6C0'</span>;
   <span class="name">ctx</span>.<span class="name">fillRect</span>(<span class="number">75</span>,<span class="number">0</span>,<span class="number">75</span>,<span class="number">75</span>);
   <span class="name">ctx</span>.<span class="name">fillStyle</span> <span class="operator">=</span> <span class="string">'#09F'</span>;
   <span class="name">ctx</span>.<span class="name">fillRect</span>(<span class="number">0</span>,<span class="number">75</span>,<span class="number">75</span>,<span class="number">75</span>);
   <span class="name">ctx</span>.<span class="name">fillStyle</span> <span class="operator">=</span> <span class="string">'#F30'</span>;
   <span class="name">ctx</span>.<span class="name">fillRect</span>(<span class="number">75</span>,<span class="number">75</span>,<span class="number">75</span>,<span class="number">75</span>);
   <span class="name">ctx</span>.<span class="name">fillStyle</span> <span class="operator">=</span> <span class="string">'#FFF'</span>;

   <span class="comment">// set transparency value</span>
   <span class="name">ctx</span>.<span class="name">globalAlpha</span> <span class="operator">=</span> <span class="number">0.2</span>;

   <span class="comment">// Draw semi transparent circles</span>
   <span class="keyword">for</span> (<span class="name">i</span><span class="operator">=</span><span class="number">0</span>;<span class="name">i</span><span class="operator">&lt;</span><span class="number">7</span>;i++){
       <span class="name">ctx</span>.<span class="name">beginPath</span>();
       <span class="name">ctx</span>.<span class="name">arc</span>(<span class="number">75</span>,<span class="number">75</span>,<span class="number">10</span><span class="operator">+</span><span class="number">10</span><span class="operator">*</span><span class="name">i</span>,<span class="number">0</span>,<span class="name">Math</span>.<span class="name">PI</span><span class="operator">*</span><span class="number">2</span>,<span class="number">true</span>);
       <span class="name">ctx</span>.<span class="name">fill</span>();
   }</pre>
</div>
<!-- @@@script/context2d/scripts/alpha.js -->
  <div class="ft">
    <span></span>
  </div>
</div> 
<div class="footer">
    <p>
      <acronym title="Copyright">&copy;</acronym> 2012 Nokia Corporation and/or its
      subsidiaries. Documentation contributions included herein are the copyrights of
      their respective owners.</p>
    <br />
    <p>
      The documentation provided herein is licensed under the terms of the
      <a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation
      License version 1.3</a> as published by the Free Software Foundation.</p>
    <p>
      Documentation sources may be obtained from <a href="http://www.qt-project.org">
      www.qt-project.org</a>.</p>
    <br />
    <p>
      Nokia, Qt and their respective logos are trademarks of Nokia Corporation 
      in Finland and/or other countries worldwide. All other trademarks are property
      of their respective owners. <a title="Privacy Policy"
      href="http://en.gitorious.org/privacy_policy/">Privacy Policy</a></p>
</div>
</body>
</html>