只能通过 HTML Canvas JavaScript 中的 Apple Pencil 进行输入答案

【问题标题】：Input should only possible through Apple Pencil in HTML Canvas JavaScript只能通过 HTML Canvas JavaScript 中的 Apple Pencil 进行输入
【发布时间】：2021-08-31 19:31:30
【问题描述】：

我正在尝试仅通过 Apple Pencil 在我的 JavaScript Canvas 上进行绘画。因为目前绘图是通过将手放在几个地方来完成的，因为 nciht 区分了手和手指。

我从另一个thread 找到了以下方法，使用 SPen 测量触摸输入的半径，不幸的是它不适用于 iPad 上的 Apple Pencil。你有什么想法吗？

if(e.targetTouches[0].radiusX === 0)

目前我通过以下代码获得该职位：

canvas.addEventListener('touchstart', (e) => {});
canvas.addEventListener('touchmove', (e) => {});
canvas.addEventListener('touchend', () => {});

我很感激任何想法！非常感谢！

【问题讨论】：

标签： javascript html canvas input pen

【解决方案1】：

Apple 提供了一个 touchType 属性。

我手头没有 Apple Pencil，但是当我使用手指时，这个 sn-p 会“直接”显示给我，这让我希望当你使用 Apple Pencil 时它会显示其他东西。

<canvas width=500 height=500 style="background-color: beige;"></canvas>
<script>
var canvas = document.querySelector('canvas');
canvas.addEventListener('touchstart', function(e){
    console.log(e.touches[0].touchType);
});
</script>

【讨论】：