Question

我需要在画布上绘制从数据库中获取的图像（实际上是更多图像，一个用于画布）。图像取决于用户，但一旦页面加载，它就不会改变，所以我可以在视图中传递它，如果有用的话。我不知道如何对javascript函数说要绘制哪个图像。

我的models.py：

class Forma(models.Model):
    name = models.CharField(max_length=64)
    percorso = models.ImageField(upload_to='/mypath', 
        blank=True, default='')

我的views.py：

def homepage(request):
    ...
    tipo=user_profile.tipo
    forma_list=Forma.objects.filter(tipo=tipo)
    context_dict['forma_list']=forma_list
    return render(request, 'homepage.html', context_dict)

我的homepage.html：

  <script>
  <!--
    window.onload = function() {
      crea_image();
    };
  -->
  </script>

    ...
    <canvas id='canvas1'>
      Your browser does not support the HTML5 canvas tag.
    </canvas>

我的script-jquery.js：

function crea_image() {      
  // basically I want something like that:
  //var forme = context_dict['form_list']

  var canvas1 = document.getElementById("canvas1");
  var context = canvas1.getContext("2d");  
  var base = new Image();
  base.src = forme[0].percorso
  base.onload = function() {
  context.drawImage(base, 0, 0);
  };
};

我搜索但我找到了对其他文件的引用，比如

var xmlhttp = new XMLHttpRequest();
var url = "myTutorials.txt";

或者像那样的网址

xmlhttp.open("GET", url, true);

我不确定这对我的情况是否有益。

如何从javascript函数中读取视图变量

0 个答案: