length
factor
power
step
<html> <head> </head> <body> <canvas id="canvas" width="500" height="500" style="border: 1px solid black" onclick="storeGuess(event)"></canvas> <script> let ctx = document.getElementById('canvas').getContext('2d') // отрисовка фона ctx.beginPath () ctx.fillStyle = "blue" ctx.fillRect (0, 0, 500, 500) ctx.fillStyle = "green" ctx.fillRect (0, 300, 500, 500) ctx.stroke() let score = 0; // переменная, хранящая количество попаданий мышью по "ракете"
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Infinite Cheese</title> </head> <body> <canvas height="500" width="500" id="сanvas"></canvas> <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/4.1.0/fabric.min.js"> </script> <script> var canvas = new fabric.Canvas('сanvas') var ctx = document.getElementById('сanvas').getContext('2d') var counterBites = 0 const SPEEDUP = 20 const BASESPEED = 1200
<canvas id="paintbox" width="500" height="200"></canvas><br /> <input type="button" onclick="start()" value="Пуск"> <input type="button" onclick="stop()" value="Стоп"> <script> x=10; var ctx; ctx = document.getElementById('paintbox').getContext('2d'); function start(){ Idint = setInterval(draw, 100); } function draw() { ctx.fillStyle = 'white'; ctx.fillRect(x,10,50,50); x=x+3; ctx.fillStyle = 'blue'; ctx.fillRect(x,10,50,50); } function stop() { clearInterval(Idint); } </script>
var canvas, ctx, h, w, n, x0, y0, it, len, s, s1, s2, arr = []; window.onload = function(){ // начальная функция canvas = document.getElementById("paint"); ctx = canvas.getContext("2d"); h = canvas.height; w = canvas.width; alert("Введите кол-во итераций в пределах от 10 до 23.") len = 1; x0 = 0; y0 = h; } function Click(){ var str = document.getElementById("txt").value; // считываем кол-во итераций с текстового поля it = Number(str); s; s1 = "1"; s2 = "0";
<script> var canvas, ctx, h, w, n, x = [], y = [], coords = []; window.onload = function(){ // начальная функция canvas = document.getElementById("paint"); ctx = canvas.getContext("2d"); h = canvas.height; w = canvas.width; alert("Введите координаты через запятую и пробел (Например: 0, 0, 0, 100, 100, 100, 100, 0 ).") } function Click(){ var str = document.getElementById("txt").value; // считываем координаты с текстового поля coords = str.split(", "); n = coords.length; x = [];
var angle; var check; window.requestAnimFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame })(); window.onload =function(){//начальная отрисовка var ctx = document.getElementById("paint").getContext("2d"); angle=0; check=0; ctx.translate(250,250); ctx.beginPath(); ctx.fillStyle="blue"; //левый верхний круг
<canvas width = "500" height = "500" id = "paint"></canvas> <script> var x1,y1; var x2,y2; var check; var check2; window.requestAnimFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame })(); window.onload =function(){ x1=0; y1=0; x2=0; y2=0; check=0 check2=0; Animation(); } function Animation(){
<html> <head> <meta charset="utf-8"/> </head> <body> <input type = "text" id = "text" value = "1" size = "3"></input> <input type = "button" value = "Draw" onclick = "Click()"></input> </br> <canvas id = "paint" width = "400" height = "400"> //длина и ширина сanvas <script> var ctx, canvas, h, w; var LastX, LastY; function Drawing(dx, dy)//функция отрисовки линии { ctx.beginPath(); ctx.moveTo(LastX, LastY); ctx.lineTo(LastX + dx, LastY + dy); ctx.closePath();
Для интерполяции заданной функции необходимо выбрать узлы, через которые будет проходить многочлен Нютона. Необходимо выбрать минимум 3 точки, нажав на левую кнопку мыши (не обязательно нажимать на сам график функции), и нажать кнопку "Старт".
var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); var imageData; let x = new Array(canvas.width); let fx = new Array(canvas.height); // Массив, через точки которого будет построен ногочлен Ньютона let xMouse = []; // Сдвиг координат let offset = 300;
fractal
<!doctype html> <html lang = "en"> <head> <title> fractal </title> <meta charset = "utf-8"> <script src = "script.js" defer></script> </head> <body> <div id = "main"> <canvas id = "canvas" width = "500" height = "500"></canvas> <div id = "menu"> <span> length </span> <label> <input id = "length" type = "number" size = "3" min = "1" max = "5000" value = "10"> </label> <span> factor </span> <label> <input id = "factor" type = "number" size = "3" min = "1" max = "5000" value = "10"> </label> <span> power </span> <label> <input id = "power" type = "number" size = "3" min = "1" max = "5000" value = "2"> </label> <span> step</span> <label> <input id = "step" type = "number" size = "3" min = "1" max = "5000" value = "1"> </label> <button id = "start"> Select </button> </div> </div> </body> </html>