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")); }; }