html5 canvas 圆圈,在HTML5 Canvas中的圆圈内创建文本

要在画布上的圆圈内创建文本，请使用：context.beginPath();

以下是画布：$("#demo").on("click", "#canvas1", function(event) {

var canvas = document.getElementById('canvas1');

if (canvas.getContext) {

var context = canvas.getContext("2d");

var w = 25;

var x = event.pageX;

var y = Math.floor(event.pageY-$(this).offset().top);

context.beginPath();

context.fillStyle = "blue";

context.arc(x, y, w/2, 0, 2 * Math.PI, false);

context.fill();

context = canvas.getContext("2d");

context.font = '9pt';

context.fillStyle = 'white';

context.textAlign = 'center';

context.fillText('amit', x, y+4);

}

});

的HTML