Difference between revisions of "Widget:Logo"
m (testing globalCompositeOperation) |
m (add clearRect) |
||
| Line 123: | Line 123: | ||
snowFlakes[ nFlake ] = flake; | snowFlakes[ nFlake ] = flake; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| + | |||
| + | // Clear the current frame | ||
| + | //ctx.clearRect( 0, 0, width, height ) | ||
| + | |||
| + | // Draw the dynamic image | ||
| + | if ( debug ) | ||
| + | ctx.drawImage( buffer, 0, 0 ); | ||
| + | else | ||
| + | ctx.putImageData( dynamicImage, 0, 0 ); | ||
// Draw all flakes | // Draw all flakes | ||
| Line 340: | Line 344: | ||
if ( debug ) | if ( debug ) | ||
{ | { | ||
| + | console && console.log( "composite test" ); | ||
//ctx.globalCompositeOperation = "copy"; | //ctx.globalCompositeOperation = "copy"; | ||
| − | bufferContext.globalCompositeOperation = "copy"; | + | //bufferContext.globalCompositeOperation = "copy"; |
} | } | ||
Revision as of 12:34, 15 January 2016
This widget creates an animated themed ACKspace logo.
Created by xopr
Using this widget
To insert this widget, use the following code:
{{#widget:Logo
|image=https://ackspace.nl/w/images/e/e9/ACKsmass_logo.png
|width=600px
|height=200px
|padding=8px
|float=right
}}
This will give the following result:
Note that image is mandatory, the rest is optional. Also, you must provide a unit for the sizes (i.e. px, %, etc.)
Copy to your site
To use this widget on your site, just install MediaWiki Widgets extension and copy full source code of this page to your wiki as Widget:Logo article.
