Difference between revisions of "Widget:Logo"
m (recurring issue -_-) |
m (proper use of image) |
||
| Line 332: | Line 332: | ||
var logo = document.getElementById( "logo" ); | var logo = document.getElementById( "logo" ); | ||
ctx = logo.getContext("2d"); | ctx = logo.getContext("2d"); | ||
| + | |||
| + | var img = document.getElementById("img"); | ||
| + | ctx.drawImage( img, 0, offsetY ); | ||
buffer = document.createElement('canvas'); | buffer = document.createElement('canvas'); | ||
| Line 337: | Line 340: | ||
buffer.height = logo.height; | buffer.height = logo.height; | ||
bufferContext = buffer.getContext('2d'); | bufferContext = buffer.getContext('2d'); | ||
| − | bufferContext.drawImage( | + | bufferContext.drawImage( img, 0, offsetY ); |
bufferContext.fillStyle = 'white'; | bufferContext.fillStyle = 'white'; | ||
bufferContext.shadowBlur = 0; | bufferContext.shadowBlur = 0; | ||
| − | |||
| − | |||
width = logo.width; | width = logo.width; | ||
height = logo.height; | height = logo.height; | ||
Revision as of 11:13, 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.
