Difference between revisions of "Widget:Logo"
m (proper use of image) |
m (testing globalCompositeOperation) |
||
| Line 332: | Line 332: | ||
var logo = document.getElementById( "logo" ); | var logo = document.getElementById( "logo" ); | ||
ctx = logo.getContext("2d"); | ctx = logo.getContext("2d"); | ||
| − | |||
| − | |||
| − | |||
buffer = document.createElement('canvas'); | buffer = document.createElement('canvas'); | ||
| Line 340: | Line 337: | ||
buffer.height = logo.height; | buffer.height = logo.height; | ||
bufferContext = buffer.getContext('2d'); | bufferContext = buffer.getContext('2d'); | ||
| + | |||
| + | if ( debug ) | ||
| + | { | ||
| + | //ctx.globalCompositeOperation = "copy"; | ||
| + | bufferContext.globalCompositeOperation = "copy"; | ||
| + | } | ||
| + | |||
| + | var img = document.getElementById("img"); | ||
| + | ctx.drawImage( img, 0, offsetY ); | ||
| + | |||
bufferContext.drawImage( img, 0, offsetY ); | bufferContext.drawImage( img, 0, offsetY ); | ||
bufferContext.fillStyle = 'white'; | bufferContext.fillStyle = 'white'; | ||
Revision as of 12:22, 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.
