Canvas>Image.src>Webpack(image-loader)

在测试canvas的时候，发现，img间歇性的刷不出来，尝试了好多好多次，各种的场景，最后发现，当拖动一下屏幕的时候，图像就出来了，不知道为啥。

------留下了没文化的眼泪！----

这里挖个坟，等哪天明白了再来填上

mounted() {
    // window.onload = function(){
    var canvas = document.getElementById("canvas");
    canvas.width = 800;
    canvas.height = 600;
    var context = canvas.getContext("2d");
    context.fillStyle = "#FFF"
    context.fillRect(0,0,800,600)

    context.stroke()
    context.fill();

    context.beginPath()
    var img = new Image()
    // 获取图片的地址
    // 因为是webpack的，所以尝试了使用 “” 无效，用url("")无效，最后用了用require("")可以。
    img.src = require("./assets/notice_edit.png");
    img.onload = function() {
    //不知道为啥，偶尔出不来，挺稳定的
    //并且，当我换一个图片时，第一张可以显示，再换一张，就显示不出来了，需要清除缓存，关闭页面，重启。。
      var pattern = context.createPattern(img, "repeat");
      context.fillStyle = pattern;
      context.fillText("", 50, 400)
    }
  },