2

我有一个用于为蝴蝶着色的儿童网络应用程序，它使用剪切路径来设置绘画区域的边界。

该应用程序在桌面浏览器、Opera Mobile 和 iOS 设备上运行良好，但 Android 默认浏览器似乎将剪切区域视为空，从而阻止任何后续画布操作生效。

你可以在这里找到源代码：

http://svn.apache.org/viewvc/incubator/wookie/trunk/widgets/butterfly/

然而，主要行动是：

context.beginPath();
(lots of context.bezierCurveTo statements to draw a butterfly shape)
context.closePath(); 
context.stroke();
context.fillStyle = "rgb(255,255,255)";
context.fill();  
context.clip();

我尝试过改变顺序，例如在尝试描边或填充形状之前进行剪切，但在这种情况下，在 Android 上它实际上并没有绘制任何东西 - 再次将剪切路径视为空。

有任何想法吗？是我，还是 Android webview 对剪切路径有未记录的限制？

4

1 回答 1

0

这仍然不适用于 android 浏览器，但适用于适用于 Android 的 Google Chrome。

这是您可以用来查看的测试页面：http: //jsfiddle.net/LEpA5/

我怀疑普通的安卓浏览器会在不久的将来被弃用，转而支持谷歌浏览器。我不会因为这个而屏住呼吸。

于 2012-06-19T14:28:13.427 回答