|
Сообщение от Gozar
|
|
Можешь нарисовать на канвас то, что у тебя получилось?
|
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
</head>
<body>
<canvas id="canvas" width="300" height="300" style="border: 1px solid #000"></canvas>
<script>
function setPixel (x, y) {
ctx.beginPath();
ctx.moveTo(x,y);
ctx.arc(x, y, 1, 0, Math.PI*2, true);
ctx.fill();
ctx.closePath();
}
var canvas = document.getElementById('canvas'),
ctx = canvas.getContext('2d');
ctx.fillStyle = 'rgba(0,0,0,1)';
x1 = 10, y1 = 10, x2 = 100, y2 = 100;
var time = Math.abs(x1 - x2);
for (var i=0; i<time; i++) {
var delta = i/time ;
var a = delta*(x2 - x1) + x1;
var b = delta*(y2 - y1) + y1;
setPixel(a,b)
}
x1 = 10, y1 = 100, x2 = 100, y2 = 10;
var time = Math.abs(x1 - x2);
for (var i=0; i<time; i++) {
var delta = i/time ;
var a = delta*(x2 - x1) + x1;
var b = delta*(y2 - y1) + y1;
setPixel(a,b)
}
</script>
</body>
</html>