网站建设里SVG文件里的图片怎么制作?

2020-02-12 23:09 admin
 网站建设里SVG文件里的图片怎么制作?煜阳网络公司设计师今天遇到一个朋友说要svg文件,怎么弄,

第一,绘制SVG图片

 
  1. 1

    点击电脑开始菜单,找到Inscape工具并点击打开

    svg图片怎么使用
  2. 2

    在Inscape工具编辑界面,绘制两个圆形,设置不同半径和不同颜色填充

    svg图片怎么使用
  3. 3

    设置完毕后,将其导出成SVG格式,存储到桌面上

    svg图片怎么使用
    END

第二,使用SVG图片

 
  1. 1

    通过快捷方式打开HBuilderX工具,并新建Web项目,将svg图片复制到项目指定目录下,然后新建一个静态页面

    svg图片怎么使用
  2. 2

    在body标签内,添加一个embed标签,将SVG图片引入到页面里

    svg图片怎么使用
  3. 3

    保存代码并直接使用浏览器预览,可以查看到SVG图片效果

    svg图片怎么使用
    END

总结

 
  • 1、绘制SVG图片

    2、使用SVG图片

    svg图片怎么使用
  •  

Tag: 怎么 建设 网站 制作 图片 价格
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码