x
<html><body><canvas id="myCanvas" width="400px" height="400px" style="width:100%;max-width:400px;border:1px solid black"></canvas><script>// Create a Plotter let myPlotter = new XYPlotter("myCanvas");// Plot a LinemyPlotter.plotLine(0, 0, myPlotter.xMax, myPlotter.yMax, "red");// Plotter Objectfunction XYPlotter(id) {this.canvas = document.getElementById(id);this.ctx = this.canvas.getContext("2d");this.xMin = 0;this.yMin = 0;this.xMax = this.canvas.width;this.yMax = this.canvas.height;// Plot a Line Functionthis.plotLine = function(x0, y0, x, y, color) { this.ctx.moveTo(x0, y0); this.ctx.lineTo(x, y); this.ctx.strokeStyle = color; this.ctx.stroke();}} // End Pottter Object</script></body></html>