美文网首页
JS detect touch support

JS detect touch support

作者: 浪味仙儿啊 | 来源:发表于2020-05-07 20:59 被阅读0次

    今天主要使用了HTML的canvas标签,并运用JS做了个简易画板。

    js要检测是否支持触屏,使用以下代码
    var isTouchDevice = 'ontouchstart' in document.documentElement
    监听触屏用
    canvas.ontouchmove =(e)=>{}
    监听鼠标

    • 鼠标点击
      canvas.onmousedown = (e) => { painting = true last = [e.clientX, e.clientY] }
    • 鼠标滑动
      canvas.onmousemove = (e) => {}
    • 鼠标松开
      canvas.onmouseup= (e) => {}
      制作画板,从画点到画线,画线时发现不顺畅,由多个点组成,这时用
      ctx.lineCap="round"会使线条变得顺畅

    相关文章

      网友评论

          本文标题:JS detect touch support

          本文链接:https://www.haomeiwen.com/subject/dhtaghtx.html