Difference between revisions of "Widget:Curve"

From Hackerspace ACKspace
Jump to: navigation, search
m (rest without javascript)
m (testing different sizes)
Line 20: Line 20:
  
 
</noinclude><includeonly>
 
</noinclude><includeonly>
<svg width="200" height="50" xmlns="http://www.w3.org/2000/svg">
+
<div width="400" height="50">
 +
<svg viewBox="0 0 200 50" xmlns="http://www.w3.org/2000/svg">
 
   <path d="M0 0 C 100 0, 100 50, 200 50" stroke="black" fill="transparent"/>
 
   <path d="M0 0 C 100 0, 100 50, 200 50" stroke="black" fill="transparent"/>
 
   <path d="M0 50 C 100 50, 100 0, 200 0" stroke="black" fill="transparent"/>
 
   <path d="M0 50 C 100 50, 100 0, 200 0" stroke="black" fill="transparent"/>
 
</svg>
 
</svg>
 +
</div>
 
<includeonly>
 
<includeonly>

Revision as of 14:30, 6 April 2018

This widget creates an SVG curve.

Created by xopr

Using this widget

To insert this widget, use the following code:

{{#widget:Curve
|direction=up
}}

This will give the following result:

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:Curve article.