如何从<img>获取值并传递给函数？

var img = document.getElementById('myImg'); // 根据id获取<img>元素
var imgUrl = img.src; // 获取<img>元素的src属性值，即图片的URL地址
myFunction(imgUrl); // 将URL地址传递给函数myFunction()

var img = document.getElementById('myImg'); // 根据id获取<img>元素
var imgBase64 = img.src.split(',')[1]; // 获取<img>元素的src属性值，并提取Base64编码部分
myFunction(imgBase64); // 将Base64编码传递给函数myFunction()

var img = document.getElementById('myImg'); // 根据id获取<img>元素
var canvas = document.createElement('canvas'); // 创建一个画布元素
var ctx = canvas.getContext('2d'); // 获取画布的2D上下文
canvas.width = img.width; // 设置画布的宽度为<img>元素的宽度
canvas.height = img.height; // 设置画布的高度为<img>元素的高度
ctx.drawImage(img, 0, 0); // 将<img>元素绘制到画布上
var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height); // 获取画布上的像素数据
myFunction(imageData); // 将像素数据传递给函数myFunction()