导航

专业做网站建设公司、网页设计制作、百度优化推广、网站维护托管等网站相关业务,欢迎咨询。

域名空间 | 服务领域  网站建设1500元全包。做完验收修改到满意为止可淘宝付款有保证!
当前位置: 邯郸网站建设 > 成功案例

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


来源:邯郸煜阳网络公司  时间:2020-02-12 23:09    
 网站建设里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图片怎么使用
  •