HTML5的canvas标签为什么会覆盖之前画的东西的颜色

鱻i 2017-12-03 09:48:56

图一 颜色正常

选了另一种颜色,我只想要第二条线变成红色,可是一画之前画的东西颜色全变成红色了 怎么解决啊!!!!
...全文
1027 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2017-12-04
  • 打赏
  • 举报
 回复
就是说，你每次画新线段的路径前，都要用ctx.beginPath();清除之前的路径（重置路径）。不然之前的路径会与新路径合在一起， 成为一条路径一起重绘。
天际的海浪 2017-12-03
  • 打赏
  • 举报
 回复
应该不会这样，除非是你每次都记录并重绘之前的线，但重绘时又没有设置回之前线的颜色
HTML5之canvas标签（上）
本文介绍HTML5中Canvas的基本用法，包括如何绘制直线、三角形、矩形及圆形，并探讨了颜色填充和路径控制等内容。
HTML5基础教程（四）＜canvas＞ 标签：别再用Div画图了！HTML5 Canvas：你的网页灵魂画手已上线！[特殊字符]
本文深入讲解HTML5 Canvas元素的核心功能与应用，包括Canvas的基本概念、绘图API、样式控制、坐标变换、图像与文本操作、动画实现原理及贪吃蛇小游戏实战示例。同时简要介绍WebGL的发展方向，帮助前端开发者掌握Canvas在可视化、游戏和交互设计中的高效应用。
html5中canvas标签,html5中<canvas>标签的具体用法详解
本文介绍了HTML5中的Canvas标签，解释了如何使用JavaScript与其交互来绘制图形。包括设置宽高、检查浏览器兼容性和绘制简单图形等基本操作。
canvas初步了解以及使用
canvas是HTML5新标签，可结合Javascript实现图形操作。本文介绍了canvas画布大小控制、浏览器兼容性处理，还阐述了绘制直线、多边形、圆形等图形的方法，以及设置文本、添加图片、变形操作等内容，最后给出了画板案例和画时钟示例。
html5 图形 标签,HTML5 canvas 标签介绍:定义图形
HTML5 Canvas是一个用于在网页上绘制图形的API，它通过JavaScript提供了一种动态绘图能力。Canvas元素允许脚本创建和修改位图像，广泛应用于现代浏览器。本文介绍了Canvas的基本使用，包括fillRect()和strokeRect()方法，以及如何设置颜色和透明度。同时，提供了绘制矩形的示例代码，展示了在HTML5中使用Canvas进行图形绘制的实践。
CSS

61,122

社区成员

60,705

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章