5digit commited on
Commit
ca62f3b
·
verified ·
1 Parent(s): 00343ab

Create app.py

Browse files
Files changed (1) hide show
  1. app.py +29 -0
app.py ADDED
@@ -0,0 +1,29 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import streamlit as st
2
+
3
+ st.title("Градиент радуги")
4
+
5
+ # HTML и CSS для создания градиента
6
+ gradient_html = """
7
+ <canvas id="rainbowCanvas" width="200" height="600"></canvas>
8
+ <script>
9
+ const canvas = document.getElementById('rainbowCanvas');
10
+ const ctx = canvas.getContext('2d');
11
+
12
+ // Создаем линейный градиент
13
+ const gradient = ctx.createLinearGradient(0, 0, 0, canvas.height);
14
+ gradient.addColorStop(0, 'violet'); // Фиолетовый
15
+ gradient.addColorStop(1/6, 'blue'); // Синий
16
+ gradient.addColorStop(2/6, 'green'); // Зеленый
17
+ gradient.addColorStop(3/6, 'yellow'); // Желтый
18
+ gradient.addColorStop(4/6, 'orange'); // Оранжевый
19
+ gradient.addColorStop(5/6, 'red'); // Красный
20
+ gradient.addColorStop(1, 'violet'); // Возврат к фиолетовому для плавности
21
+
22
+ // Заполнение прямоугольника градиентом
23
+ ctx.fillStyle = gradient;
24
+ ctx.fillRect(0, 0, canvas.width, canvas.height);
25
+ </script>
26
+ """
27
+
28
+ # Использование Streamlit для отображения HTML
29
+ st.markdown(gradient_html, unsafe_allow_html=True)