|
Last change
on this file was 2, checked in by Dmitry A. Kuminov, 16 years ago |
|
Initially imported qt-all-opensource-src-4.5.1 from Trolltech.
|
|
File size:
688 bytes
|
| Line | |
|---|
| 1 | function drawShape() {
|
|---|
| 2 | // get the canvas element using the DOM
|
|---|
| 3 | var canvas = document.getElementById('tutorial');
|
|---|
| 4 |
|
|---|
| 5 | // Make sure we don't execute when canvas isn't supported
|
|---|
| 6 | if (canvas.getContext){
|
|---|
| 7 |
|
|---|
| 8 | // use getContext to use the canvas for drawing
|
|---|
| 9 | var ctx = canvas.getContext('2d');
|
|---|
| 10 |
|
|---|
| 11 | // Draw shapes
|
|---|
| 12 |
|
|---|
| 13 | ctx.beginPath();
|
|---|
| 14 | ctx.moveTo(75,40);
|
|---|
| 15 | ctx.bezierCurveTo(75,37,70,25,50,25);
|
|---|
| 16 | ctx.bezierCurveTo(20,25,20,62.5,20,62.5);
|
|---|
| 17 | ctx.bezierCurveTo(20,80,40,102,75,120);
|
|---|
| 18 | ctx.bezierCurveTo(110,102,130,80,130,62.5);
|
|---|
| 19 | ctx.bezierCurveTo(130,62.5,130,25,100,25);
|
|---|
| 20 | ctx.bezierCurveTo(85,25,75,37,75,40);
|
|---|
| 21 | ctx.fill();
|
|---|
| 22 | ctx.globalAlpha = 0.5;
|
|---|
| 23 | }
|
|---|
| 24 | }
|
|---|
| 25 |
|
|---|
| 26 | drawShape();
|
|---|
Note:
See
TracBrowser
for help on using the repository browser.
