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的按钮...

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

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

2013-02-22 03:01:34

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

2013-02-22 03:05:33

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

2013-02-22 03:12:04

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

html5 自动扣图,js+html5 canvas实现ps钢笔抠图
html5 canvas+js实现ps钢笔抠图 1. 项目要求需要用js实现photoshop中钢笔抠图功能,就用了近三四天的时间去解决它,最终还是基本上把他实现了. 做的过程中走了不少弯路,最终一同 ...
html5走格子游戏,JS/HTML5游戏常用算法之碰撞检测地图格子算法实例详解
JS/HTML5游戏常用算法之碰撞检测地图格子算法实例详解发布时间:2020-09-26 20:42:24 来源:脚本之家阅读:112 作者:krapnik 本文实例讲述了JS/HTML5游戏常 ...
GIS（一）——在js版搜索地图上添加Marker标记
由于我们做的是有关于旅游方面的项目,所以涉及到了地图功能.我接到的其中一个任务就是,在地图上显示指定的几个景点,并在地图上加上标记. 我们项目用的是搜狗地图,使用的是js版本.大家有兴趣的话,可以参考 ...
GIS（二）——在js版搜狗地图上添加brand标牌
在上一篇博文中,我在搜狗地图上添加了Marker标记,但是在用户体验度上还是不够的,如果想了解某些信息,你得把鼠标指向marker,才能看到title里的值.有没有一种可以直接显示在marker上的东 ...
html页面添加遮罩层,在浏览器窗口上添加遮罩层的方法
如何在浏览器窗口上添加一个遮罩层背景在web2.0中,页面弹窗是一个很常见的交互方式,这样既可以避免不必要的页面跳转,也可以改进界面的布局和可交互性. 但是,浏览器原生的弹窗函数(alert, c ...
html如何添加本地视频播放,怎样在网站上添加视频？-MetInfo帮助中心
# 怎样在网站上添加视频? ### 一.哪些地方可以添加在线视频? 只要有编辑器的地方就可以进行添加,如:产品详细页面,文章详细页面,首页简介模块,案例详细页面等. ### 二.什么是编辑器?在后台哪 ...
html5 canvas图表,Chart.js基于Canvas画布的HTML5统计图表库 - 资源分享
Chart.js 是一个简单.面向对象.为设计者和开发者准备的图表绘制工具库.可以绘制柱状图.热点图.曲线图等,使用HTML5中的Canvas画布,支持原生的和jQuery的调用方法. 特点 6种图表 ...
html5手机密码修改,js+html5实现手机九宫格密码解锁功能
HTML5真的是很强大,前端时间看到一个canvas实现九宫格的密码解锁.今天抽出时间模仿了一个,特定分享一下! 效果截图如下: 效果看起来还不错吧! 源码如下: html5实现网页解锁功能 html ...
html5图片中加入文字,HTML肿么在图片上添加文字,也就是图片作为背景,代码和图像显示如下...
单纯的html要实现你说的效果很难,必须html和css配合才可以,首先用css为需要设置背景的元素设置背景,然后用html写文字等内容.附加一个简单例子,希望帮到你.(其中1.jpg跟这个页面在一个 ...

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

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

最新文章

热门文章