ASP.NET

Quote:

I need to generate shape on server side than return it back to canvas as I callback result.

context.fillRect(30, 30, 70, 90);

let points = [ 30, 30, 70, 90 ];
context.fillRect(points[0], points[1], points[2], points[3]);

$.ajax({
   url: '/points-generator',
   success: function(data) {
       // Assuming data is an array
       context.fillRect(data[0], data[1], data[2], data[3]);
   }
});

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, response.sideB);
ctx.lineTo(response.sideA, response.sideB);
ctx.closePath();

IQueryable<Car> PriceyCars(BolindersContext ctx, Car currentCar)
{
return ctx.Cars.Where(e => e.Brand == currentCar.Brand).Where(e => e.Price > currentCar.Price).OrderBy(e => e.Price).Take(4);

}

<div class="carousel-inner">
    <div class="carousel-item active">
        <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
        <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
        <img src="..." class="d-block w-100" alt="...">
    </div>
</div>

<div class="carousel-inner">
    <div class="carousel-item active">
        <img class="img-fluid" src="..." alt="First slide">
        <img class="img-fluid" src="..." alt="First slide">
        <img class="img-fluid" src="..." alt="First slide">
    </div>
</div>

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
    @for (int i = 0; i < Model.car.Images.Count; i++)
    {
        string cssClass = i == 0 ? "active" : null;
        <li data-target="#carouselExampleIndicators" data-slide-to="@i" class="@cssClass"></li>
    }
    </ol>
    
    <div class="carousel-inner">
    @for (int i = 0; i < Model.car.Images.Count; i++)
    {
        string fileName = Model.car.Images[i].Filename;
        string cssClass = i == 0 ? "carousel-item active" : "carousel-item";
        <div class="@cssClass">
            <img class="img-fluid" src="~/Images/Cars/@fileName" alt="">
        </div>
    }
    </div>

    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
        <span class="sr-only">Previous</span>
    </a>

    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

string fileName = Model.car.Images[i].Filename;

<div class="carousel-inner">
@foreach ((var img, int index) in Model.car.Images.Select((img, index) => (img, index)))
{
    string fileName = img.Filename;
    string cssClass = index == 0 ? "carousel-item active" : "carousel-item";
    <div class="@cssClass">
        <img class="img-fluid" src="~/Images/Cars/@fileName" alt="">
    </div>
}
</div>