Difference between revisions of "Widget:Curve"

From Hackerspace ACKspace
Jump to: navigation, search
(testing SVG curves)
 
m (rest without javascript)
Line 20: Line 20:
  
 
</noinclude><includeonly>
 
</noinclude><includeonly>
<script type="application/javascript">
 
document.write('<svg width="200" height="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 50 C 100 50, 100 0, 200 0" stroke="black" fill="transparent"/>
 
</svg>');
 
</script>
 
 
<svg width="200" height="50" xmlns="http://www.w3.org/2000/svg">
 
<svg width="200" height="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"/>

Revision as of 15:28, 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.