小编joe*_*joe的帖子

在HTML 5 Canvas中更改笔触颜色

我正在尝试绘制一个圆形,一种时钟,我从点p1开始并使用画布2d上下文绘制黑色圆弧,当我到达点p1(完整的圆形游览)时我将颜色更改为白色,然后继续绘制,这应该给它一个效果就像黑色弧被删除,但这不会按预期工作,因为当我改变上下文的颜色,一切都改变了......

如何保持第一个圆圈,用一种颜色,并在其上面用不同的颜色绘制另一个圆圈,而不改变整个场景中的颜色？

这是我的尝试

<!DOCTYPE html />
<html>
<head>
<title></title>
<script type="text/javascript">
        var i = 0.01;
        var Color = "Black";
        var x = 75;                // x coordinate
        var y = 75;                // y coordinate
        var radius = 20;                    // Arc radius
        var startAngle = 0;                     // Starting point on circle
        var anticlockwise = false; // clockwise or anticlockwise

        function draw() {
            var canvas = document.getElementById('canvas');
            var ctx = canvas.getContext('2d');

                ctx.beginPath();
                var endAngle = i; // End point on circleMath.PI + (Math.PI …

Run Code Online (Sandbox Code Playgroud)

javascript graphics html5 canvas

joe*_*joe

2013 04-12

5
推荐指数

1
解决办法

5166
查看次数