最近，在用iVX制作一个游戏，需要自定义鼠标指针。

一开始，我还到处找网页改变指针的代码，一个个试着套进iVX，都以失败告终……（因为不懂代码〒▽〒）

正在心灰意冷的时候，突然发现系统界面有一个修改鼠标指针的动作！！！

 

一、UI及效果展示

UI很简单，主要用于展示已上传图标的图片组件以及触发上传事件的按钮

 

效果展示：https://v4pre.h5sys.cn/play/FDSw9YrY

 

二、事件面板 

1、点击按钮，触发上传文件的动作

在这里，虽然是上传图标，但是并没有使用图片上传的动作，而是使用了上传文件的动作，这是为什么呢？

因为图片上传动作仅支持jpg、jpeg、png等格式，但是cur并不在支持的图片格式范围内，所以需要使用文件上传的动作获取cur上传后的url地址。

 

2、给上传文件的动作添加回调，上传成功后，

（1）将上传文件的url赋值给图片组件，

（2）同时修改鼠标指针（修改指针的动作在系统界面）。选中修改鼠标指针动作后，会出现属性面板，类型修改为“自定义”，指针处需要填入cur的url地址，也就是文件上传的结果，这里注意需要给上传文件后得到的url地址添加前缀：'https://file2.ih5.cn/v35/files/'+（英文引号和加号不能丢掉哦）

 

三、获取cur格式的图标

因为鼠标指针的图标格式要求为cur格式，所以在上传之前，我们需要先把png、jpg等格式的图片转换为cur，同时注意图片尺寸不要超过120px*120px，否则会设置失败。

 

下面推荐几个在线的转换工具，都是制作这个demo用到的：

在线cur转换工具：

名称	网址	备注
Convertio	convertio.co/zh/png-cur	每天免费使用10转换分钟
onlineconvertfree在线转换文件	onlineconvertfree.com/zh/convert-format/png-to-cur/	每次只能转换2个文件

图片压缩工具：

名称	网址	备注
美图秀秀网页版	xiuxiu.web.meitu.com	用于修改图片尺寸
tinypng	tinypng.com	压缩图片（5M以内）
Optimizilla在线图像优化器	imagecompressor.com/zh	压缩图片（大小不限）

 

注意事项：

1、图片格式必须为cur

2、cur上传的动作应使用文件上传，使用图片上传的动作会报格式错误

3、图片尺寸，长边不超过120px

4、光标移至按钮上变成手指，这个好像暂时还修改不了

5、cur的url地址需要添加前缀https://file2.ih5.cn/v35/files/