wangdilei321 2015-05-31 18:56 采纳率: 100%
浏览 1889
已采纳

手机端canvas刮奖无效果,PC端好好的

window.onload=function () {
var canvas = document.getElementById("birthday");
var width = window.screen.availWidth;
canvas.width = window.screen.availWidth;
canvas.height = width*2;
canvas.style.border = "1px solid red";
var context = canvas.getContext("2d");

        /*图像加载*/
        var image = new Image();
        image.src="a1.jpg";
        image.addEventListener('load',eventSheetloaded,false);
        function eventSheetloaded(){
            context.drawImage(image,0,0);
        }




        var linex = [];
        var liney = [];
        var lastX = -1;
        var lastY = -1;
        var flag = 0;

        //临时绘图数据
        var imageData = "";

        canvas.addEventListener('mousemove', onMouseMove, false);
        canvas.addEventListener('mousedown', onMouseDown, false);
        canvas.addEventListener('mouseup', onMouseUp, false);

        function onMouseMove(evt) {
            if (flag == 1) {

                var x = evt.layerX;
                var y = evt.layerY;
                linex.push(x);
                liney.push(y);
                context.lineTo(x,y);
                lastX = x;

        } lastY = y;

        context.lineCap="round";
        context.lineJoin="round";
        context.lineWidth = 20;
        context.shadowColor = 'white';

        context.strokeStyle = "rgba(0,0,0,0)";
        context.globalCompositeOperation="destination-out";
        context.stroke();
        context.strokeStyle = "rgba(254,0,0,0.1)";
        context.globalCompositeOperation="destination-out";
        context.stroke();
    }

        function onMouseDown(evt) {
            flag = 1;
            lastX = evt.layerX;
            lastY = evt.layerY;
            linex.push(lastX);
            liney.push(lastY);

            context.beginPath();
            context.moveTo(lastX,lastY);
        }

        function onMouseUp(evt) {
            flag = 0;
            context.clearRect(0,0,0,0);
        }

        function onMouseOut(evt){
            flag = 0;
            context.clearRect(0,0,500,400);
            reDraw();
        }

    };

            为什么呢·!?????
  • 写回答

2条回答 默认 最新

  • threenewbee 2015-06-01 01:26
    关注

    手机上没有鼠标,你要增加对触摸的支持。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?