在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
<div id = demo> <canvas id = canvas1></canvas> </div>
热门推荐
1 如何训练狗狗不叫
2 训练狗狗不叫
3 训练狗狗随行
4 怎么训练狗狗不叫
7 训练比熊狗狗教程
10 上海狗狗训练
11 怎么训练狗狗上厕所
12 训练狗狗趴下
13 狗狗服从训练
14 训练狗狗拒食
15 训练狗狗笑
16 训练狗狗大便
17 训练狗狗立
18 训练狗狗捡东西