小伙伴们,我们学习过了svg的相关属性,接下来让我们使用svg来实现流程图吧
效果图(详情大图可在“下载作业素材”中下载获取):
一、语言和环境
1、实现语言
svg
2、环境要求及开发工具
建议 Sublime text
二、网页整体要求:
1、要求页面整洁、美观,与提供的页面结构保持一致,文字和背景的颜色不统一要求;
2、要求代码书写、命名符合规范,在代码中添加必要的注释。
三、具体要求:
1、根据效果图,可从左到右,来实现效果
2、颜色可参考以下:
两个路径(箭头)的颜色分别是:#75cc4e 与#cad0d8
3、开发思路可参考视频中,老师所说的坐标,及形状来完成。
规范【5分】
*在代码中添加必要的注释。。
网页整体【10分】
* 要求页面整洁、美观,与提供的页面结构保持一致,
整体样式【85分】
*与效果图保持一致,流程图分为三个分支
* 根据节点的不同,是用的形状以及边框颜色填充颜色也不一样
* 右上角要有绿色箭头(包括圆形)
* 同一个流程中的节点要高低一致,节点之间的线垂直方向的坐标要一致;
* 第一与第二分支最后的一个节点之间要有关联
* 每个节点中的文字不可缺少;
* 节点之间的线要有箭头指向;
作业素材仅供学习与参考,请按要求完成作业