Pillar_wu 2016-03-03 04:46 采纳率: 0%
浏览 2419

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

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

  • 写回答

3条回答 默认 最新

  • qq_19891827 2016-03-03 07:00
    关注

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

    评论

报告相同问题？

  • html5炫酷线条背景动画后台登录界面模板
    2022-07-13 14:26
    HTML5炫酷线条背景动画后台登录界面模板是一个前端设计资源，它利用了HTML5的先进技术，结合动态线条背景动画，创造出吸引人的用户交互体验。这种模板通常用于网站的登录页面，为用户提供一个既美观又实用的入口点。...
  • HTML5星空夜空背景登录界面模板.zip_前端开发_HTML_
    2021-08-10 02:26
    在HTML5中，一些关键的知识点包括： 1. **语义化标签**：HTML5引入了许多新的语义化标签，如`<header>`、`<nav>`、`<section>`、`<article>`和`<footer>`等，这些标签有助于提高网页结构的清晰度和可读性。在登录...
  • html5网页前端设计课后习题答案讲课讲稿.docx
    2022-04-04 19:48
    - **Canvas API**：用于在网页上绘制图形，支持2D和简单的3D绘图。 - **Audio/Video API**：允许网页直接播放音频和视频，无需第三方插件。 - **表单控件API**：增加了多种新的输入类型，如日期选择器、滑块等。 - *...
  • html5网页中加入播放器,向网页中添加 HTML5 视频控件
    2021-06-08 18:08
    zetachow晓代~的博客 如何开始使用采用它的最基本形式，使用 HTML5video元素向网页中添加视频播放器是通过一行 HTML 完成的。 添加controls特性，且用户可以控制视频播放。其他特性可用于设置源文件、添加占位符图像或自动开始播放视频。...
  • 基于HTML5+Canvas实现的无规律粒子流动背景特效源码.zip
    2022-11-09 22:22
    在本项目中，“基于HTML5+Canvas实现的无规律粒子流动背景特效源码.zip”是一个专注于利用这两项技术来创建粒子流动背景效果的源代码库。这种特效常见于网页设计中，用于提升用户体验，增加视觉吸引力。 首先，...
  • HTML5 粒子动画背景登录页面模板
    2020-12-18 17:06
    在这个“HTML5粒子动画背景登录页面”模板中，我们重点关注以下几个核心知识点： 1. **HTML5的新特性**：HTML5引入了许多新元素，如`<header>`, `<footer>`, `<nav>`, `<section>`等，它们提供了更好的结构化能力。...
  • HTML5特效源码- HTML5+CSS3 登陆特效.zip
    2025-06-15 07:35
    此外，随着Web技术的发展，前端框架如React, Vue.js和Angular等也越来越受到开发者的青睐，这些框架提供了更加高效和模块化的开发方式，同时也能很好地与HTML5和CSS3结合，创造出更加动态和响应式的用户界面。...
  • 前端_HTML5_CSS3源码_
    2021-09-29 08:32
    通过学习这个压缩包中的源码，你可以深入理解HTML5和CSS3的核心概念，并掌握如何在实际项目中应用这些技术，从而提升你的前端开发技能。无论是创建功能丰富的静态网页，还是构建复杂的响应式布局，这些知识都将为你...
  • 灰色木纹背景Html5模板是一款欧美高楼大厦的城市Html5主题模板。.zip
    2022-02-21 12:11
    1. **响应式设计**：HTML5中的媒体查询和流式布局使得网页能够根据设备屏幕大小自动调整布局，确保在不同设备上都能提供良好的用户体验。模板中的灰色木纹背景可能就是一种响应式设计元素，能在各种尺寸的屏幕上呈现...
  • html5 canvas 星空代码
    2024-11-16 20:39
    若文的博客 【代码】html5 canvas 星空代码。
  • 没有解决我的问题, 去提问