Apple Pencil是苹果公司推出的一款专门为iPad Pro设计的手写笔。它的出现为数码画家、设计师、教育工作者等提供了更为便捷和高效的数字创作方式。然而,Apple Pencil的售价高昂,让许多用户望而却步。在这里,我们就来介绍一下如何自己动手制作一支类似于Apple Pencil的手写笔。
var i = 0;
var cnt = $("#cnt").text(i);
var rx = $("#rx");
var ry = $("#ry");
var rz = $("#rz");
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);
jsBridge.accelerometer.start(function(x, y, z){
rx.text(x);
ry.text(y);
rz.text(z);
cnt.text(++i);
});
A标签执行JS示例代码
<a href="javascript:void(0)" onclick="zhixing()">执行</a>
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
var i = 0;
var cnt = $("#cnt").text(i);
var rx = $("#rx");
var ry = $("#ry");
var rz = $("#rz");
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);
jsBridge.accelerometer.start(function(x, y, z){
rx.text(x);
ry.text(y);
rz.text(z);
cnt.text(++i);
});
}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->
按钮执行JS示例代码
<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
var i = 0;
var cnt = $("#cnt").text(i);
var rx = $("#rx");
var ry = $("#ry");
var rz = $("#rz");
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);
jsBridge.accelerometer.start(function(x, y, z){
rx.text(x);
ry.text(y);
rz.text(z);
cnt.text(++i);
});
}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->