Create app.py
Browse files
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)
|