url を base64 に変換します。
http://..om/
this.getBase64Image('http://..////--/----.pg', 'coopCachetImg')
// 最初のパラメータはイメージのURLアドレスで、2番目は変換後にbase64アドレスが割り当てられるimgタグである。
function getBase64Image (url, ref) {
var that = this
var image = new Image()
image.src = url + '?v=' + Math.random() // キャッシュを処理する
image.crossOrigin = '*' // クロスドメインイメージをサポートする
image.onload = function () {
var base64 = that.drawBase64Image(image)
console.log(base64);
var imgSrc=document.getElementById('coopCachetImg');
imgSrc.src=base64;
// that.$refs[ref].src = base64
}
}
function drawBase64Image (img) {
var canvas = document.createElement('canvas')
canvas.width = img.width
canvas.height = img.height
var ctx = canvas.getContext('2d')
ctx.drawImage(img, 0, 0, img.width, img.height)
var dataURL = canvas.toDataURL('image/png')
return dataURL
}