JQuery是一款JavaScript庫，可以用于簡化JavaScript編程，同時也包含了繪制點、線、面等圖形的功能。以下是使用JQuery繪制點線面的示例。

$(document).ready(function(){
var canvas = $("#myCanvas")[0];
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000"; //設置填充顏色為紅色
ctx.fillRect(0,0,150,75); //繪制一個矩形
});

上面的代碼將繪制一個紅色的矩形圖形。下面的代碼將繪制一個藍色的圓形和一條黑色的直線。

$(document).ready(function(){
var canvas = $("#myCanvas")[0];
var ctx = canvas.getContext("2d");
//繪制圓形
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.fillStyle = "blue";
ctx.fill();
ctx.closePath();
//繪制直線
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(200,100);
ctx.strokeStyle = "#000000";
ctx.stroke();
ctx.closePath();
});

繪制面需要首先創建一條路徑，然后為其填充顏色。下面的代碼將繪制一個綠色三角形。

$(document).ready(function(){
var canvas = $("#myCanvas")[0];
var ctx = canvas.getContext("2d");
//繪制三角形
ctx.beginPath();
ctx.moveTo(100,0);
ctx.lineTo(0,200);
ctx.lineTo(200,200);
ctx.fillStyle = "green";
ctx.fill();
ctx.closePath();
});

以上是JQuery繪制點線面的基礎示例，開發者可以根據需求進行修改和擴展。