最近做一个项目，我现在是用html5添加了一个画布，然后在画布上面添加一层img来显示另外的图片。图片是通过调用文件管理来选取的。但是图片添加上去后点击画布的任何位置添加的图片消失 了。经测试图片并没有放到最底层。
html5画布的上一层添加图片，点击画布上任何一个位置，添加的图片消失
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2021-06-11 10:49DataDynamo的博客 该代码能够使用canvas对象完成的一个基本功能。仅供大家参考。Titlevar ball;var mouseX = 100;var mouseY = 100;var angle = 0;var radius = 0;var ballstyle = "."var ballcolor = "#FF0000";var allzindex = 0;...
- 2021-04-06 14:01- **画布（Canvas）**：HTML5的画布元素可以动态绘制图像，进行实时图像处理，如裁剪、缩放和添加效果。 - **SVG（Scalable Vector Graphics）**：用于创建矢量图形，无论放大多少倍都不会失真，适合制作图标或...
- 2022-11-17 21:18【标题】：“CSS3全屏3D画布图片切换特效”是前端开发中一种利用现代浏览器支持的CSS3特性实现的视觉效果。这种特效能够使网页背景或特定区域的图片在用户交互时呈现出3D变换，提升用户体验，常用于网站的开场动画或...
- 2023-08-02 17:03对于一个自适应的图片展示网站，可能还涉及到JavaScript库，如jQuery或Vue.js，用于实现更高级的交互效果，比如图片滑动、点击放大等。同时，SEO（搜索引擎优化）也是需要考虑的因素，包括图片的alt属性，以帮助搜索...
- 2022-11-18 22:13在马赛克图片幻灯片中，HTML5可能用到了`<canvas>`元素，这是一个可编程的画布，允许开发者通过JavaScript绘制图形，包括马赛克效果。此外，`<video>`和`<audio>`元素也可能是实现动态效果的一部分，例如添加背景...
- 2022-11-18 22:13这个"html5仿微信朋友圈相册图片放大代码.zip"压缩包文件显然包含了一个实现类似微信朋友圈中图片点击放大功能的示例代码。下面我们将详细探讨这些技术在实现这一功能时的应用及其相关知识点。 首先，HTML5在其中起...
- 2023-08-02 17:03该压缩包文件“图片展示2_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip”包含了一个适用于手机和电脑的图片展示网站的HTML源码，这是一个移动优先、自适应且响应式的H5模板。以下是这个项目中...
- 2022-11-18 22:13HTML5手机端图片上传裁剪代码涉及到前端开发中的多个技术领域，包括HTML、CSS、JavaScript、jQuery以及HTML5的新特性。下面将详细讲解这些技术在实现这个功能时所扮演的角色。 1. HTML5：HTML5是新一代的超文本标记...
- 2020-10-24 03:38`drawImage`方法是Canvas API中用于在画布上绘制图片的方法，它有多种重载形式，但最基础的调用方式只需要三个参数：第一个参数是要绘制的图片对象，第二个和第三个参数则是图片在Canvas上绘制的起始坐标(x,y)。...
- 2022-11-04 23:39在这个特效中，开发者可能会使用Canvas来绘制每一层图片，通过编程控制这些图片在2D平面上进行3D变换，模拟出折叠的效果。这通常涉及到坐标转换、矩阵运算以及帧动画等概念。 CSS3的3D变换功能也是构建这个3D折叠...
- 没有解决我的问题, 去提问
