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

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

图一 颜色正常

选了另一种颜色,我只想要第二条线变成红色,可是一画之前画的东西颜色全变成红色了 怎么解决啊!!!!
...全文
1035 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2017-12-04
  • 打赏
  • 举报
 回复
就是说，你每次画新线段的路径前，都要用ctx.beginPath();清除之前的路径（重置路径）。不然之前的路径会与新路径合在一起， 成为一条路径一起重绘。
天际的海浪 2017-12-03
  • 打赏
  • 举报
 回复
应该不会这样，除非是你每次都记录并重绘之前的线，但重绘时又没有设置回之前线的颜色
HTML5之canvas标签（上）
现在HTML5备受关注，其中它新增的一些标签感觉战斗力爆棚哈。本章就主要介绍下HTML5的canvas标签，希望能给初学者有所帮助。大家共同学习。canvas元素就是画布，就是通过该元素结合javascrtpt可以在网页上绘制各种图形，甚至制作各种酷炫动画，以及一些小游戏。下面我就从canvas最基础的地方，来讲解有关canvas的各种属性，好了，下面开启打怪升级的道路。 首先我们先定义一个画布
HTML5基础教程（四）＜canvas＞ 标签：别再用Div画图了！HTML5 Canvas：你的网页灵魂画手已上线！[特殊字符]
还在用Div和CSS苦苦拼凑图形？HTML5 Canvas了解一下！这块神奇的“画布”彻底释放了浏览器的绘图潜能，让你用JavaScript就能绘制从简单几何到复杂3D的一切。本文将深度剖析Canvas的核心奥秘，从基础画笔到高级动画，揭秘其如何成为数据可视化、网页游戏、创意交互的终极利器。文末附有“贪吃蛇”实战示例，带你感受代码与艺术的完美碰撞，看完你只会惊呼：秀儿，是你吗Canvas？
html5中canvas标签,html5中<canvas>标签的具体用法详解
元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。canvas是HTML5中新定义的标签，顾名思义，它本身是一个画布标签，没有自己的行为，只是一个图形容器，必须使用脚本来绘制图形。下面是它用法的示例：Your browser does not support HTML5 Canvas.从上述代...
html5 图形 标签,HTML5 canvas 标签介绍:定义图形
HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。html 5 的第一份正式草案已于2008年1月22日公布[3]。html5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 html5 支持。2013年5月6日， html 5.1[5]正式草案公布。该规范定义了第五次重大版本，第一...
canvas初步了解以及使用
canvas是html5的一个新标签。它创建了一个固定大小的画布，给我们提供了多个上下文，这个上下文可以理解为画笔，我们可以用上下文（context）去绘制或处理我们想要展示的内容。这个上下文有2D的也有3D的。这里主要是2D的部分。
CSS

61,121

社区成员

60,704

社区内容

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

加载中

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

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

+ 用AI写文章