首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在画布上给线条上色

在画布上给线条上色
EN

Stack Overflow用户
提问于 2013-04-04 04:22:45
回答 1查看 94关注 0票数 0

我正在尝试给下面的线条上色,但是我的画布要么给所有的线条上色,要么根本不上色。任何帮助都将不胜感激

代码语言:javascript
运行
复制
canvas.save();
canvas.scale(1, 0.75);
canvas.beginPath();
canvas.arc(100, 95, 8, 0, Math.PI * 2, false);
canvas.stroke();
canvas.strokeStyle= "red";
canvas.closePath();
canvas.restore();
EN

回答 1

Stack Overflow用户

发布于 2013-04-04 06:37:53

您使用的是canvas,我想您指的是上下文。

Canvas=getElementById(“我的画布”);

context.getContext("2d");

几个要点: 1.使用context.beginPath()开始1个或多个绘图;2.当您将上下文告诉context.stroke()时,它将使用您设置的最后一个 strokeStyle (上一个strokeStyles被忽略) 3. always to context.stroke()以将绘制的直线、圆弧等物理应用到画布上。

代码语言:javascript
运行
复制
// draw a red circle
context.beginPath();
context.arc(100, 95, 8, 0, Math.PI * 2, false);
context.strokeStyle="red";
context.stroke();

//then begin a new path and draw a blue circle
context.beginPath();
context.arc(150, 95, 8, 0, Math.PI * 2, false);
context.strokeStyle="blue";
context.stroke();
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15797340

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档