项目作业 960
等148人参与
来源: / HTML5 Canvas案例

小伙伴们,我们学习过了svg的相关属性,接下来让我们使用svg来实现流程图吧

效果图(详情大图可在“下载作业素材”中下载获取):

http://img1.sycdn.imooc.com/climg//599d2921000108b905000211.jpg

演示视频
作业描述

一、语言和环境

        1、实现语言

                   svg

        2、环境要求及开发工具

                  建议 Sublime text

二、网页整体要求:

       1、要求页面整洁、美观,与提供的页面结构保持一致,文字和背景的颜色不统一要求;

       2、要求代码书写、命名符合规范,在代码中添加必要的注释。

三、具体要求: 

       1、根据效果图,可从左到右,来实现效果

       2、颜色可参考以下:

         


两个路径(箭头)的颜色分别是:#75cc4e  与#cad0d8

 3、开发思路可参考视频中,老师所说的坐标,及形状来完成。


评分标准是什么?

规范【5分】

    *在代码中添加必要的注释。。

网页整体【10分】

    * 要求页面整洁、美观,与提供的页面结构保持一致,

整体样式【85分】

    *与效果图保持一致,流程图分为三个分支

    * 根据节点的不同,是用的形状以及边框颜色填充颜色也不一样

    * 右上角要有绿色箭头(包括圆形)

    * 同一个流程中的节点要高低一致,节点之间的线垂直方向的坐标要一致;

    * 第一与第二分支最后的一个节点之间要有关联

    * 每个节点中的文字不可缺少;

    * 节点之间的线要有箭头指向;



作业素材
下载素材

作业素材仅供学习与参考,请按要求完成作业

项目作业上传说明
第1步:上传你的作业压缩包
第2步:等待讲师一对一批复
第3步:查看讲师点评
上传作业

登录后查看更多作业,立即

意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师