C# Online Compiler | .NET Fiddle

<no name> by Anonymous

using System;
using System.Collections.Generic;

// Clase que representa un elemento gráfico en el lienzo
public class ElementoGrafico {
    // Propiedades y métodos comunes para los elementos gráficos
}

// Clase ModeloLienzo: almacena el estado del lienzo y gestiona los elementos gráficos
public class ModeloLienzo {
    private List<ElementoGrafico> elementos;

    public ModeloLienzo() {
        elementos = new List<ElementoGrafico>();
    }

    public void AgregarElemento(ElementoGrafico elemento) {
        elementos.Add(elemento);
        // Notificar a las vistas sobre el cambio en el modelo
    }

    // Otros métodos para modificar y eliminar elementos
}

Model

​x
 
using System;
using System.Collections.Generic;
​
// Clase que representa un elemento gráfico en el lienzo
public class ElementoGrafico {
    // Propiedades y métodos comunes para los elementos gráficos
}
​
// Clase ModeloLienzo: almacena el estado del lienzo y gestiona los elementos gráficos
public class ModeloLienzo {
    private List<ElementoGrafico> elementos;
​
    public ModeloLienzo() {
        elementos = new List<ElementoGrafico>();
    }
​
    public void AgregarElemento(ElementoGrafico elemento) {
        elementos.Add(elemento);
        // Notificar a las vistas sobre el cambio en el modelo
    }
​
    // Otros métodos para modificar y eliminar elementos
}
​

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dibujar en lienzo</title>
    <style>
        #canvas {
            border: 1px solid black;
            cursor: crosshair;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="200"></canvas>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var canvas = document.getElementById('canvas');
            var ctx = canvas.getContext('2d');
            var drawing = false;
            
            canvas.addEventListener('mousedown', function(e) {
                drawing = true;
                draw(e.pageX - this.offsetLeft, e.pageY - this.offsetTop, false);
            });
            canvas.addEventListener('mousemove', function(e) {
                if (drawing) {
                    draw(e.pageX - this.offsetLeft, e.pageY - this.offsetTop, true);
                }
            });
            canvas.addEventListener('mouseup', function() {
                drawing = false;
            });
            canvas.addEventListener('mouseleave', function() {
                drawing = false;
            });
            
            function draw(x, y, isDrawing) {
                if (!isDrawing) {
                    ctx.beginPath();
                }
                ctx.lineWidth = 2;
                ctx.lineCap = 'round';
                ctx.strokeStyle = 'black';
                ctx.lineTo(x, y);
                ctx.stroke();
                if (!isDrawing) {
                    ctx.closePath();
                }
            }
        });
    </script>
</body>
</html>

View

 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dibujar en lienzo</title>
    <style>
        #canvas {
            border: 1px solid black;
            cursor: crosshair;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="200"></canvas>
​
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var canvas = document.getElementById('canvas');
            var ctx = canvas.getContext('2d');
            var drawing = false;
            
            canvas.addEventListener('mousedown', function(e) {
                drawing = true;
                draw(e.pageX - this.offsetLeft, e.pageY - this.offsetTop, false);
            });
            canvas.addEventListener('mousemove', function(e) {
                if (drawing) {
                    draw(e.pageX - this.offsetLeft, e.pageY - this.offsetTop, true);
                }
            });
            canvas.addEventListener('mouseup', function() {
                drawing = false;
            });
            canvas.addEventListener('mouseleave', function() {
                drawing = false;
            });
            
            function draw(x, y, isDrawing) {
                if (!isDrawing) {
                    ctx.beginPath();
                }
                ctx.lineWidth = 2;
                ctx.lineCap = 'round';
                ctx.strokeStyle = 'black';
                ctx.lineTo(x, y);
                ctx.stroke();
                if (!isDrawing) {
                    ctx.closePath();
                }
            }
        });
    </script>
</body>
</html>
​
​
​

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            return View(new SampleViewModel());
        }


        [HttpPost]
        public JsonResult GetAnswer(string question)
        {               
            int index = _rnd.Next(_db.Count);
            var answer = _db[index];
            return Json(answer);
        }

        private static Random _rnd = new Random();
        
        private static List<string> _db = new List<string> { "Yes", "No", "Definitely, yes", "I don't know", "Looks like, yes"} ;
    }

    public class SampleViewModel
    {
        public string Question { get; set; }
        public string Answer { get; set; }
    }
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            return View(new SampleViewModel());
        }
​
​
        [HttpPost]
        public JsonResult GetAnswer(string question)
        {               
            int index = _rnd.Next(_db.Count);
            var answer = _db[index];
            return Json(answer);
        }
​
        private static Random _rnd = new Random();
        
        private static List<string> _db = new List<string> { "Yes", "No", "Definitely, yes", "I don't know", "Looks like, yes"} ;
    }
​
    public class SampleViewModel
    {
        public string Question { get; set; }
        public string Answer { get; set; }
    }
}
​
​

View in Full Screen

S - 1
O - 1
M - 1
E - 2
T - 2
X - 1

Cached Result
Last Run:	3:30:18 pm
Compile:	0.11s
Execute:	0s
Memory:	8kb
CPU:	0s

View IL Code