我试图用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