手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何在H5中导入无背景图片

时间:2024-10-15 18:21:04

1、打开所要编辑的H5页面,找到那张图片,我们观察一下这个图片,这是一个圆形白底的产品图片。我们需要做这样的一个图片。

如何在H5中导入无背景图片

2、从产品介绍页进行一个产品图片的截图,再把它做成一个圆形的白底PNG格式的图片。

如何在H5中导入无背景图片

3、先把整个画布的尺寸增大,从而让这个白色的圆底可以画出来。复制底图用于操作,并把原来的底图删除。

如何在H5中导入无背景图片
如何在H5中导入无背景图片
如何在H5中导入无背景图片

4、再用一个剪辑工具把多余的画布截掉,保存为PNG格式的图片。找到H5面页面的上传图片的按钮,从而让这个图片置手到H5页面中。

如何在H5中导入无背景图片
如何在H5中导入无背景图片

5、你上传的产品图片就在图片界面的第一个,把鼠标移动到上面,出现一个使用的按钮,我们就按一下使用,这个图片就出现在界面当中了。

如何在H5中导入无背景图片

6、调整一下图片的大小,并通过排序对齐工具让产品图片排成一列。

如何在H5中导入无背景图片
如何在H5中导入无背景图片
© 手抄报圈