public RadialGradientsModule()
{
Get["/examples/w3schools/radial-gradients/1"] = _ =>
{
var svg = new Svg(500, 150);
var grad1 = svg.Defs.AddRadialGradient("50%", "50%", "50%", "50%", "50%")
.AddStop("0%", "rgb(255,255,255)", 0)
.AddStop("100%", "rgb(0,0,255)", 1);
svg.Ellipse(200, 70, 85, 55).WithFill(grad1);
return(Response.AsSvg(svg));
};
Get["/examples/w3schools/radial-gradients/2"] = _ =>
{
var svg = new Svg(500, 150);
var grad2 = svg.Defs.AddRadialGradient("20%", "30%", "30%", "50%", "50%")
.AddStop("0%", "rgb(0,0,255)", 0)
.AddStop("100%", "rgb(0,0,255)", 1);
svg.Ellipse(200, 70, 85, 55).WithFill(grad2);
return(Response.AsSvg(svg));
};
}
public RadialGradientsModule()
{
Get["/examples/w3schools/radial-gradients/1"] = _ =>
{
var svg = new Svg(500, 150);
var grad1 = svg.Defs.AddRadialGradient("50%", "50%", "50%", "50%", "50%")
.AddStop("0%", "rgb(255,255,255)", 0)
.AddStop("100%", "rgb(0,0,255)", 1);
svg.Ellipse(200, 70, 85, 55).WithFill(grad1);
return Response.AsSvg(svg);
};
Get["/examples/w3schools/radial-gradients/2"] = _ =>
{
var svg = new Svg(500, 150);
var grad2 = svg.Defs.AddRadialGradient("20%", "30%", "30%", "50%", "50%")
.AddStop("0%", "rgb(0,0,255)", 0)
.AddStop("100%", "rgb(0,0,255)", 1);
svg.Ellipse(200, 70, 85, 55).WithFill(grad2);
return Response.AsSvg(svg);
};
}
public LinearGradientsModule()
{
Get["/examples/w3schools/linear-gradients/1"] = _ =>
{
var svg = new Svg(400, 150);
var grad1 = svg.Defs
.AddLinearGradient("0%", "0%", "100%", "0%")
.AddStop("0%", "rgb(255,255,0)", 1)
.AddStop("100%", "rgb(255,0,0)", 1);
svg.Ellipse(200, 70, 85, 55)
.WithFill(grad1);
return(Response.AsSvg(svg));
};
Get["/examples/w3schools/linear-gradients/2"] = _ =>
{
var svg = new Svg(400, 150);
var grad2 = svg.Defs.AddLinearGradient("0%", "0%", "0%", "100%")
.AddStop("0%", "rgb(255,255,0)", 1)
.AddStop("100%", "rgb(255,0,0)", 1);
svg.Ellipse(200, 70, 85, 55)
.WithFill(grad2);
return(Response.AsSvg(svg));
};
Get["/examples/w3schools/linear-gradients/3"] = _ =>
{
var svg = new Svg(400, 150);
var grad1 = svg.Defs.AddLinearGradient("0%", "0%", "100%", "0%")
.AddStop("0%", "rgb(255,255,0)", 1)
.AddStop("100%", "rgb(255,0,0)", 1);
svg.Ellipse(200, 70, 85, 55)
.WithFill(grad1);
svg.Text(150, 86, "SVG")
.WithFill("#ffffff")
.WithFontSize(45)
.WithFontFamily("Verdana");
return(Response.AsSvg(svg));
};
}
public LinearGradientsModule()
{
Get["/examples/w3schools/linear-gradients/1"] = _ =>
{
var svg = new Svg(400, 150);
var grad1 = svg.Defs
.AddLinearGradient("0%", "0%", "100%", "0%")
.AddStop("0%", "rgb(255,255,0)", 1)
.AddStop("100%", "rgb(255,0,0)", 1);
svg.Ellipse(200, 70, 85, 55)
.WithFill(grad1);
return Response.AsSvg(svg);
};
Get["/examples/w3schools/linear-gradients/2"] = _ =>
{
var svg = new Svg(400, 150);
var grad2 = svg.Defs.AddLinearGradient("0%", "0%", "0%", "100%")
.AddStop("0%", "rgb(255,255,0)", 1)
.AddStop("100%", "rgb(255,0,0)", 1);
svg.Ellipse(200, 70, 85, 55)
.WithFill(grad2);
return Response.AsSvg(svg);
};
Get["/examples/w3schools/linear-gradients/3"] = _ =>
{
var svg = new Svg(400, 150);
var grad1 = svg.Defs.AddLinearGradient("0%", "0%", "100%", "0%")
.AddStop("0%", "rgb(255,255,0)", 1)
.AddStop("100%", "rgb(255,0,0)", 1);
svg.Ellipse(200, 70, 85, 55)
.WithFill(grad1);
svg.Text(150, 86, "SVG")
.WithFill("#ffffff")
.WithFontSize(45)
.WithFontFamily("Verdana");
return Response.AsSvg(svg);
};
}
public EllipsesModule()
{
Get["/examples/w3schools/ellipses/1"] = _ =>
{
var svg = new Svg(500, 140);
svg
.Ellipse(200, 80, 100, 50)
.WithFill("yellow")
.WithStroke("purple")
.WithStrokeWidth(2);
return Response.AsText(svg.ToString(), "image/svg+xml");
};
Get["/examples/w3schools/ellipses/2"] = _ =>
{
var svg = new Svg(500, 150);
svg.Ellipse(240, 100, 220, 30).WithFill("purple");
svg.Ellipse(220, 70, 190, 20).WithFill("lime");
svg.Ellipse(210, 45, 170, 15).WithFill("yellow");
return Response.AsText(svg.ToString(), "image/svg+xml");
};
Get["/examples/w3schools/ellipses/3"] = _ =>
{
var svg = new Svg(500, 150);
svg.Ellipse(250, 50, 220, 30).WithFill("yellow");
svg.Ellipse(220, 50, 190, 20).WithFill("white");
return Response.AsText(svg.ToString(), "image/svg+xml");
};
}
public EllipsesModule()
{
Get["/examples/w3schools/ellipses/1"] = _ =>
{
var svg = new Svg(500, 140);
svg
.Ellipse(200, 80, 100, 50)
.WithFill("yellow")
.WithStroke("purple")
.WithStrokeWidth(2);
return(Response.AsText(svg.ToString(), "image/svg+xml"));
};
Get["/examples/w3schools/ellipses/2"] = _ =>
{
var svg = new Svg(500, 150);
svg.Ellipse(240, 100, 220, 30).WithFill("purple");
svg.Ellipse(220, 70, 190, 20).WithFill("lime");
svg.Ellipse(210, 45, 170, 15).WithFill("yellow");
return(Response.AsText(svg.ToString(), "image/svg+xml"));
};
Get["/examples/w3schools/ellipses/3"] = _ =>
{
var svg = new Svg(500, 150);
svg.Ellipse(250, 50, 220, 30).WithFill("yellow");
svg.Ellipse(220, 50, 190, 20).WithFill("white");
return(Response.AsText(svg.ToString(), "image/svg+xml"));
};
}
