獲取從 flask 發送到 html 的數據

Question

我正在做一個 flask 應用程序，我有一個與從 flask 中的 render_template() 發送到 html web 頁面的數據相關的問題。 這是我的 flask 代碼（我想傳遞一個數字）

 screenx = ((int(width[0][0]) - 0)) 
 return render_template('/barchart.html', screen = screenx) 

而這是我的 html 代碼。

<canvas id="myCanvas" width="1024" height="768"></canvas>
<script >


                           screenx1={{screen}}
                           count = 0; 
                           var canvas = document.getElementById('myCanvas');
                           var context = canvas.getContext('2d');
                           
                            myint = {{ mydict }}
                            console.log(" queste sono le coordinates", myint)
                            //var coordinates = canvas.toDataURL("text/plain");
                            //console.log(" queste sono le coordinates", coordinates)
                            var ref = canvas.toDataURL("image/png");
                        
                            //console.log(ref)
                          
                            //var imageObj = document.getElementById("mappa2");
                            //ctx.drawImage(imageObj,300,100);
                            var markerObj = new Image();
                            ref.onload = function() {
                            context.drawImage(ref, 0, 0, 1024,768);
                          
                            };
                        
                            markerObj.onload = function() {
                            context.drawImage(markerObj, 0,0, 20,20);
                            markerObj.style['z-index'] = "1";
                        };
                        
                         
                            markerObj.src = "https://cdn-icons-png.flaticon.com/512/684/684908.png";
                            var canvas = document.getElementById("myCanvas");
                            var canvasWidth = canvas.width;
                            var canvasHeight = canvas.height;
                            var ctx = canvas.getContext("2d");
                            var canvasData = ctx.getImageData(0, 0, canvasWidth, canvasHeight);  
     </script>
                           
</body>    

我試圖通過使用它來獲取數據

{{ screen}}

但沒有發送任何內容。 你能幫幫我嗎？

Answer 1

Flask

screenx = ((int(width[0][0]) - 0)) 
return render_template('/barchart.html', data=screenx)

HTML

screenx1={{data}}

使用數據而不是屏幕？