在测试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("<What a fuck!>", 50, 400)
}
},
