在手机/平板电脑屏幕上呈现光标的最佳策略？答案

【问题标题】：Best strategy to render a cursor on mobile/tablet screens?在手机/平板电脑屏幕上呈现光标的最佳策略？
【发布时间】：2018-10-31 02:39:38
【问题描述】：

我想知道是否有一种神奇的属性可以让移动浏览器呈现指针，但似乎找不到。在桌面上，光标是从画布生成的，并通过url(cursor.toDataURL()) 导出到 CSS 光标属性。我正在考虑在每次鼠标移动时创建具有绝对位置的 <img> 光标元素响应不够快。即使是现在，它也很闪烁。在平板电脑上渲染光标的最佳策略是什么？

网络应用程序：https://georgegach.github.io/image-color-name/
Github：https://github.com/georgegach/image-color-name/blob/master/js/script.js#L140

【问题讨论】：

手指/笔不是触摸屏上的光标吗？无论如何它都会被隐藏起来吗？
嗯，没错，但我希望它周围的大圆圈仍然可以使用。也许我会在触摸屏设备上使用不同的指针。稍后会考虑更好的 UI/UX。

标签： javascript css canvas mobile cursor

【解决方案1】：

当前更好（比画布呈现的光标）solution proposed by u/SecondDerivative 是使用 CSS 样式元素并跟随指针移动。元素创建和样式一次，只有位置+颜色更改onpointermove。响应性受到了打击，但对于选择颜色等用例仍然非常有用。

【讨论】：