投稿

3月, 2018の投稿を表示しています

【祝】Chromebook Spin 11 での筆圧検知のやり方がわかったぞ!!

Wacom のプラグインが入っているとでも思っていたのかと。ええ。ものすごく簡単な解決方法でした。

核となるコードはこれ document.getElementById("検知したいエリアのID").addEventListener("touchmove", function(e) { console.log(e.touches[0].force); });
...以上。Wacom のスタイラスペンって言うからプラグイン使うのかと思ったらそうじゃなかったんですね。  というわけで、筆圧と座標を検知して表示するテスター作りました。
index.html
<html> <head> <title>JavaScript Pressure Detector - Takuma.K</title> <link href="style.css" rel="stylesheet"></link> <script src="script.js"></script> </head> <body oncontextmenu="return false;"> <div id="circle"></div> </body> </html>
style.css
* { box-sizing: border-box; } html body { width: 100vw; height: 100vh; margin: 0; background: #000; color: #fff; overflow: hidden; } #circle { position: fixed; border: 8px solid #f00; background: rgba(255,0,0,.6); border-radius: 50%; z-index: 99; display: none; }