Difference between revisions of "Widget:Logo"
(trying some rotation) |
m (rot2) |
||
Line 159: | Line 159: | ||
{ | { | ||
ctx.save(); | ctx.save(); | ||
+ | context.translate( 307, 110 + offsetY ); | ||
ctx.rotate( -0.1 ); | ctx.rotate( -0.1 ); | ||
} | } | ||
Line 164: | Line 165: | ||
ctx.fillStyle = "red"; | ctx.fillStyle = "red"; | ||
ctx.font = "bold 65px sans-serif"; | ctx.font = "bold 65px sans-serif"; | ||
− | |||
ctx.lineWidth = 1; | ctx.lineWidth = 1; | ||
− | ctx.strokeText( "5", 307, 110 + offsetY ); | + | if ( debug ) |
+ | { | ||
+ | ctx.fillText( "5", 0, 0 ); | ||
+ | ctx.strokeText( "5", 0, 0 ); | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | ctx.fillText( "5", 307, 110 + offsetY ); | ||
+ | ctx.strokeText( "5", 307, 110 + offsetY ); | ||
+ | } | ||
ctx.textBaseline = "bottom"; | ctx.textBaseline = "bottom"; | ||
Revision as of 16:38, 1 March 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=/w/images/e/e9/ACKsmass_logo.png |width=600px |height=200px |padding=8px |float=right }}
This will give the following result:
Notes
- image is mandatory, the rest is optional.
- it also must be written without protocol since colon (:) is not allowed, and may be relative, for example: //ackspace.nl/w/images/e/e9/ACKsmass_logo.png or /w/images/e/e9/ACKsmass_logo.png
- 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.