2 adobeid adobeid 于 2016.03.03 12:46 提问

HTML5 中canvas做背景上面怎么加入HTML的标单控件

利用canvas绘制了一个带有动态效果的背景,现在想要在上面加上表单控件,该怎么去做
之前有思路是设置为
document.body.style.background = 'url(' + canvas.toDataURL('image/png') + ')';
可是还是不行,再body写表单控件会出现在canvas效果图的上面

3个回答

qq_19891827
qq_19891827   2016.03.03 15:00

canvas图直接画在页面上,然后表单控件的容器使用绝对定位试试呢

fandyvon
fandyvon   Rxr 2016.03.04 16:58

对对。楼上是对的!图片说明

showbo
showbo   Ds   Rxr 2016.03.05 14:35

canvas加个容器position relative,然后表单也放到容器中absolute定位到你的canvas上就行了

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
html5 用canvas画出的图用作html背景
又是一头午,累tm死我了,一开始研究怎么在canvas标签上再添加一层图层,
在HTML5里把canvas作的画作为背景的方法
这里是用canvas做一个动态的生长树并将其作为背景,我查阅了很多资料发现一般两种方法, 1、设置层级(本例代码就是用的这种方法): position:absolute;z-index:-2; 2、是将canvas转变为一个路径通过url作为背景 document.getElementById('YST').style.backgroundImage = 'url("' + context
【实例】html5-canvas中实现背景图片的移动
本例来自于《HTML5 Canvas核心技术 图形、动画与游戏开发》 在线演示 (图有点多,请多刷新几次) 本例还有一点代码不理解,我用注释和问号标注出来了,有大神看到求解答,谢谢 本例子难点主要在通过当前的FPS计算图像下一帧的显示坐标,这也是我不理解的地方 还有就是requestAnimationFrame这个,这个是用来以浏览器最合适的方式循环执行一些代码
HTML5 Canvas全屏背景动画特效
全屏背景动画的实现是由canvas完成
HTML5 canvas画布(一)
HTML5中canvas元素用于在网页上绘制图形。Canvas的特点 Canvas画布是一个矩形区域,可以控制其每一个像素 Canvas使用JavaScript来控制画图 Canvas具有直线、矩形、圆以及添加图像的方法 Canvas标签的使用下面的代码是使用canvas画面绘制一个200*200红色矩形:<!Doctype html> <html> <head> <title>我的canvas页面
[置顶] 基于HTML5 Canvas实现用户交互
很多人都有这样的疑问,基于HTML5 Canvas实现的元素怎么和用户进行交互?在这里我们用到HT for Web(http://www.hightopo.com/guide/guide/core/beginners/ht-beginners-guide.html)写了个Demo进行示例。     场景如下所示,在该场景中双击温度和湿度下的Node,会生成输入框供用户填写内容,这之后,用户按下“
HTML5 canvas超简单和逼真的下雪特效
WebSnowjq.js是一款基于HTML5 canvas的超简单和逼真的下雪场景特效js插件。该下雪特效插件可以通过简单的参数设置了设定雪花的数量。每朵雪花的飘落速度各不相同,层次感非常强。 该下雪特效可以在所有支持HTML5特性的现代浏览器中最常工作: Internet Explorer 9.0+, Google Chrome 4.0+, Mozilla Firefox 2.0+, Safa
[Html5 canvas]鼠标悬停吸附粒子背景特效
之前在某不知名网站上看到过,觉得好酷炫,当时也没多想怎么写的。demo地址: http://www.luoyuhu.com/ github地址:https://github.com/hustcc/canvas-nest.js官方tip:使用方法很简单只需要再body中间插入这段js代码即可,注意不要放在head里面<html> <head> ... </head> <body> .
HTML5 canvas 平铺的几种方法
最近在做个网站项目,用到很多canvas,有个需求是drawImage把图片画在canvas里面,图片比较小,需要平铺效果,当背景图。PS(背景图高宽10px,需要画的画布高宽200px) 由于一开始是drawImage出来的,所以采用了方法onevar canvas = document.getElementById("canvasId"); var ctx = canvas.getContext
html5 canvas酷炫3D背景打开动画特效
html5 canvas酷炫3D背景打开动画特效点击跳转到演示地址点击进入资源下载地址