如何在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中导入无背景图片
  • photoshop中怎么制作太极八卦图
  • AxureRP选中所有元件对象教程
  • 墨刀如何设置组件外观
  • C4D-制作圆饼模型建模
  • 圣诞海报怎么做
  • 热门搜索
    科技手抄报内容大全 抗病毒手抄报 重阳节手抄报简单易画 国庆节英语手抄报 母亲节手抄报简单字少 清明节手抄报模板 儿童节手抄报简单漂亮 重阳节手抄报内容大全 欢度国庆手抄报 我们的节日春节手抄报