歌剧:拉丝的问题在JavaScript中的椭圆形

只是为了好玩和学习之用,我目前正在写一个基于JavaScript的涂料应用,但我已经经历了椭圆形的绘制代码有点跨浏览器的问题。

这里是我的代码,简化为简单的椭圆形功能:

function Oval(context, x, y, radiusX, radiusY, color, filled) { if ((radiusX === 0) || (radiusY === 0)) { return; } context.save(); context.translate(x, y); if (radiusX !== radiusY) { context.scale(1, radiusY / radiusX); } context.beginPath(); context.arc(0, 0, radiusX, 0 , 2 * Math.PI); context.closePath(); context.restore(); if (filled === true) { context.fillStyle = color; context.fill(); } else { context.strokeStyle = color; context.stroke(); } } var ctx = c.getContext("2d"); Oval(ctx, 150, 150, 100, 149, "#663399", false);

<canvas id="c" width="300" height="300"></canvas>

这火狐,Chrome,IE浏览器和Safari浏览器的电流的稳定版本的作品很好。 但歌剧似乎并不喜欢它。 可能是什么问题?

--------------解决方案-------------

这是因为歌剧需要的最后一个参数arc

因此,将其更改为context.arc(0, 0, radiusX, 0 , 2 * Math.PI, false);你会生金。

我们已经在内部版本解决了这个问题,并应在稳定版本很快就会出来了!

分类:JavaScript的 时间:2015-03-15 人气:0
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.415 (s). 10 q(s)