canvas刮刮卡在三星s3和一些android4.1系统的手机上不能使用的问题

转载于 2016-05-27 11:38:45 发布 · 553 阅读

·

0

·

0

JS 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种使用JavaScript在HTML画布上绘制带有透明效果圆形的方法。通过设置全局合成操作和填充样式，实现了一个简单的透明圆形绘制功能。

//画圆
function drawcircle(id,x,y,r){
    var ca = document.getElementById(id);
    var cans = ca.getContext("2d");
    cans.globalCompositeOperation = "destination-out";
    cans.beginPath();
    cans.arc(x,y,r,0,Math.PI*2);
    ca.style.display = ‘none’;
    ca.offsetHeight;
    ca.style.display = ‘inherit’; 
    cans.fillStyle="#000";
    cans.fill();
}

这样可以解决。