生产图片

master
夜笙歌 7 months ago
parent 3e2e9f3ad7
commit f97930769a

@ -6276,15 +6276,18 @@
<script> <script>
$(()=>{ $(()=>{
// 假设有一个颜色数组 let getColorByTemperature = {
const colors = []; 23:'#ff0000',
for(let i = 0;i<768;i+=3){ 24:'#0000ff'
colors.push('#FF0000') }
colors.push('#00FF00') $.post(prefix+'/newDataStreak',(e)=>{
colors.push('#0000FF') let colors = []
for(i in e.rows[0]){
if(i.includes('site')){
colors.push(getColorByTemperature[e.rows[0][i]])
}
} }
// 获取canvas元素并设置上下文
const canvas = document.getElementById('canvas'); const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d'); const ctx = canvas.getContext('2d');
@ -6307,6 +6310,8 @@
ctx.fillStyle = color; // 设置填充颜色为十六进制颜色值 ctx.fillStyle = color; // 设置填充颜色为十六进制颜色值
ctx.fillRect(x, y, gridWidth, gridHeight); // 绘制矩形格子 ctx.fillRect(x, y, gridWidth, gridHeight); // 绘制矩形格子
} }
})
}) })
</script> </script>

Loading…
Cancel
Save