在HTML5 Canvas中,绘制并移动一条线条以覆盖画布上的图像最简单的方法是什么?(例如,让一条垂直线追踪鼠标的X位置)同时保留底部的图像。
我的当前画布:
$(document).ready(function() {
canvas = document.getElementById("myCanvas");
context = canvas.getContext("2d");
imageObj = new Image();
imageObj.onload = function() {
context.drawImage(imageObj, 0,0);
}
imageObj.src = "http://example.com/some_image.png";
$('#myCanvas').click(doSomething);
});