<!DOCTYPE html><!-- [et_pb_line_break_holder] --><html><!-- [et_pb_line_break_holder] --><head><!-- [et_pb_line_break_holder] --> <title>ruslenta.com</title><!-- [et_pb_line_break_holder] --> <meta charset="UTF-8"><!-- [et_pb_line_break_holder] --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <style><!-- [et_pb_line_break_holder] -->canvas {<!-- [et_pb_line_break_holder] --> border: 1px black dotted;<!-- [et_pb_line_break_holder] --> padding: 5px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> </style><!-- [et_pb_line_break_holder] --></head><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><div style="text-align:center;">Код ленты: <input style="width:800px"id="txt_CodeBand" value=""><!-- [et_pb_line_break_holder] --><button onClick="input_btnClick()">ok</button></div><!-- [et_pb_line_break_holder] --><br><br><!-- [et_pb_line_break_holder] --><div style="text-align:center;"><canvas width="800" height="300"></canvas></div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->function input_btnClick() {<!-- [et_pb_line_break_holder] --> var txt = document.getElementById("txt_CodeBand").value;<!-- [et_pb_line_break_holder] --> var txt_BandIndex = new Array();<!-- [et_pb_line_break_holder] --> var txt_cropBand = "";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var indexSlice = 0;<!-- [et_pb_line_break_holder] --> var nextSlice = txt.indexOf(" + ");<!-- [et_pb_line_break_holder] --> var lastSlice = txt.lastIndexOf(" + ");<!-- [et_pb_line_break_holder] --> var i = 1;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> while (nextSlice <= lastSlice) {<!-- [et_pb_line_break_holder] --> txt_cropBand = txt.slice(indexSlice, nextSlice);<!-- [et_pb_line_break_holder] --> txt_BandIndex[i] = txt_cropBand;<!-- [et_pb_line_break_holder] --> indexSlice = nextSlice + 3;<!-- [et_pb_line_break_holder] --> i++;<!-- [et_pb_line_break_holder] --> txt_cropBand = txt.slice(indexSlice);<!-- [et_pb_line_break_holder] --> nextSlice = txt_cropBand.indexOf(" + ") + indexSlice;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> txt_BandIndex[i] = txt_cropBand;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var ruslentaColor = ["", "бордовый", "краповый", "светло-бордовый", "тёмно-красный", "красный", "малиновый", "розовый", "шоколад", "светло-коричневый", "золотистый", "оранжевый", "ярко-жёлтый", "светло-жёлтый", "трава", "тёмно-зелёный", "изумруд", "ярко-зелёный", "светло-зелёный", "салатовый", "тёмно-синий", "ярко-синий", "василёк-м", "василёк", "меланж", "голубой матовый", "голубой", "светло-голубой", "фиолетовый", "сиреневый", "чёрный", "белый", "серый", "светло-серый", "золото металл", "оливковый" ];<!-- [et_pb_line_break_holder] --> var colorList = [ "", "701D26", "8C2431", "85273B", "BD4C51", "D7414E", "BB3B5D", "D05C79", "613D2B", "815037", "946E31", "EF7D39", "FAB12C", "F9B153", "476C3D", "2C704D", "0A825C", "17893D", "65B655", "B4DA5E", "09286A", "06328F", "135197", "0A4775", "2A727E", "39789C", "5F91BB", "A2B7CE", "435178", "7F5B9C", "0C1318", "FFFFFF", "777980", "9E999E", "928B60", "D7C491" ];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var BandColor = new Array();<!-- [et_pb_line_break_holder] --> var BandWidth = new Array();<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> for (n = 1; n <= i; n++) {<!-- [et_pb_line_break_holder] --> BandWidth[n] = txt_BandIndex[n].slice(0, txt_BandIndex[n].indexOf(" мм "));<!-- [et_pb_line_break_holder] --> BandColor[n] = txt_BandIndex[n].slice(txt_BandIndex[n].indexOf(" мм ") + 4);<!-- [et_pb_line_break_holder] --> var noerror = 0;<!-- [et_pb_line_break_holder] --> for (c = 1; c <= 35; c++) {<!-- [et_pb_line_break_holder] --> if (BandColor[n] == ruslentaColor[c]) {<!-- [et_pb_line_break_holder] --> BandColor[n] = colorList[c];<!-- [et_pb_line_break_holder] --> noerror = 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if (noerror == 0) alert("Ошибка в коде ленты! Стандарт записи нарушен. Ошибка вызывается в том числе из-за лишнего/недостающего пробела или опечатки в названии цвета (например, 'е' вместо 'ё'). Рисунок с ошибкой!");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var fullBandWidth = 0;<!-- [et_pb_line_break_holder] --> for (f = 1; f <= i; f++) {<!-- [et_pb_line_break_holder] --> fullBandWidth += BandWidth[f] * 10;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var canvas = document.querySelector("canvas");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> canvas.width = fullBandWidth;<!-- [et_pb_line_break_holder] --> var context = canvas.getContext("2d");<!-- [et_pb_line_break_holder] --> var bandwidth_nextDraw = 0;<!-- [et_pb_line_break_holder] --> context.clearRect(0, 0, fullBandWidth, 300);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> for (d = 1; d <= i; d++) {<!-- [et_pb_line_break_holder] --> context.fillStyle = "#" + BandColor[d];<!-- [et_pb_line_break_holder] --> context.fillRect(bandwidth_nextDraw, 0, BandWidth[d] * 10, 300);<!-- [et_pb_line_break_holder] --> bandwidth_nextDraw += BandWidth[d] * 10;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></script><!-- [et_pb_line_break_holder] --></body><!-- [et_pb_line_break_holder] --></html>
