获取从 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}}

使用数据而不是屏幕？