iH5更新公告：工具更新和新技能get

Monkey妹妹

为了让大家有更优的用户体验，我们又更新啦！更多的工具优化和新技能get！


1.整体更新图形组件，加载完美优化，使用更方便。

图形组件已经优化了，使用svg的方法制作，svg格式的图片在浏览器中播放更快更流畅。同时也完美支持时间轴的变换，可以直接使用图形来制作时间轴动画。作品中需要用到一些小图形的时候，可以直接使用图形工具进行制作。


图形的填充可以选择填充颜色和线条颜色，而且线条的宽度可以自行设置。但是由于画法的原因，线条宽度不能设置为0，但是当我们需要图形没有线条颜色时，有两种方法：1.将线条颜色选择框里输入“none”；2.复制填充颜色的颜色代码，将线条颜色跟填充颜色设置为同一种颜色。


支持圆形、矩形、菱形、线条和三角形等。其中需要画圆角矩形也是可以支持的，矩形的属性面板有一个圆角的设定，可以输入数值来设置圆角的程度。线条也进行了优化，现在我们可以直接画出线条，还可以设置线条前后的箭头，包括左右箭头、五角星和方框等多种类型的箭头。三角形也是常用的组件，可以选择正三角形等八种形态。多使用这些图形组件来取代传统的小图形图片能大大地提高我们的案例播放的效率。



2.数据库支持用户自行上传图片，可以制作各种照片墙和拍照集赞等应用

在数据库里可以保存用户自己上传的照片，分享给其他用户进行投票并且进行排名等。上传图片实际上与数据库提交文字是一样的，数据库下建立一个文本字段，绑定一张空图片。注意：之前只能绑定输入框，但是现在可以绑定图片了。通过更换素材和提交到数据库的方式就可以完成上传图片到数据库里了，再输出就能实现导出数据库里的用户上传的图片了。


当我们在后台案例的打开数据库的时候，我们可以看到用户上传图片的url，如果想要。读取这张图片，可以复制图片的url地址，在前面加上file.ih5.cn，再将刚刚复制的url地址粘贴到后面，我们就可以获取这张图片的原图啦。

3.数据库输出速度提升3倍，无描述无相关视频，求体验。数据库求尽情虐！



4.优化了中文字体，使用更方便了。

之前选中中文字体后，我们需要画一个框（即文字内容显示范围），但当我们输入的文字过多的时候会出现显示不全的问题，拉宽这个框文字会出现变形，之前的解决办法是删掉重做或更改字体大小或字体样式，使它恢复。


但是现在我们拉宽这个框也没有关系了，拉到你想要的宽度后，只需要双击一下这个框，再按一次确定，文字就会自动恢复到正常啦！


另外中文字的属性体新增了行距的功能，当我们在输入框内输入两行字的时候，可以通过设置行距来决定两行之间的距离，单位是像素（px）。



5.数据库新增读取名次功能，可显示当前用户排名。


当用户参与小游戏之后，可以通过数据库的设置输出用户得分在所有参与用户中的排名。利用事件，当数据库提交完成之后，针对数据库某个数值字段的排名，以其作为目标对象后，目标动作里会有“读取名次”的选项，选择后，输出预先绑定了计数器的变量。就可以实现读取排名啦！


相关的视频地址是：http://file.ih5.cn/learning/template/dbrank.mp4