html5画布添加输入框,JS，HTML5 - 在画布上添加文本输入值作为fillText

我试图用HTML5 canvas来玩弄一点，而我只是在制作一个有趣的小型web应用程序，但我已经陷入困境。JS，HTML5 - 在画布上添加文本输入值作为fillText

我希望用户输入文本到文本框，然后当他们按下一个按钮，该文本被添加到与TEXTFILL画布..

这是我有：

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

var ctx = canvas.getContext('2d');

var words = document.getElementById("words").value;

var x = 80;

var y = 110;

ctx.font = "bold 36px sans-serif";

ctx.fillStyle = "blue";

$('#entertext').click(function(){

ctx.fillText(words, x, y);

});

所以我明显有一个画布，myCanvas和一个文本输入框，其中id = words和一个id = entertext的按钮...

如果您想完全重做我的代码，那就完全没问题。

+0

你的问题是什么？在http://www.jsfiddle.net上提供演示会很好。 –

2013-02-22 03:01:34

+0

它只是不起作用。完全一样。我也发现这个人有同样的问题：http://stackoverflow.com/questions/10757458/textbox-value-in-html5-canvas ..但没有人在那个帖子帮助我。 –

2013-02-22 03:05:33

+0

http://jsfiddle.net/fmnBa/喜欢这个？ –

2013-02-22 03:12:04