SVG实验.docVIP

  1. 1、本文档共5页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
SVG实验

实验一是写XML程序,并在XML里面引入外部文档的,自己看看书。。 1、javascript实时显示系统时间 html head script language=javascript type=text/javascript !-- function startTime() { var today=new Date(); var years=today.getYear(); var months=today.getMonth(); var d=today.getDate() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() months=months+1 months=checkTime(months) d=checkTime(d) m=checkTime(m) s=checkTime(s) var weekday=new Array(日,一,二,三,四,五,六); var w=weekday[today.getDay()] document.getElementById(ShowTime).innerHTML=years+年+months+月+d+日+星期+w+h+:+m+:+s; t=setTimeout(startTime(),1000) //1000ms调用一次 } function checkTime(i) { if (i10) {i=0 + i} return i } -- /script /head body onload=startTime() div id=ShowTimebr/div /html 2、javascript输出倒三角 html head script language=javascript type=text/javascript !-- function showsj() { document.write(div style=text-align:center;); for(var i=10;i=0;i--) { for(var j=0;j=i;j++){document.write(*);} document.write(br); } document.write(/div); } -- /script/head body onload=showsj()/body/html 3 随机显示某个范围的一个数 htmlhead script language=javascript type=text/javascript !--function showsuijishu(){ x=Math.round(Math.random()*20)+60;  //60-80的随机数60为上限,60+20为下限 document.write(生成随机数:+x); }-- /script/headbody onload=showsuijishu()/body/html 4、调试例程7-4。(课本80页,注意老师说了要修改的地方) 5、编写一段SVG程序,要求使用text,circile,rect元素,并使用引用外部CSS的方式引用SVG.CSS来修饰SVG程序。 ?xml version=1.0 encoding=utf-8 standalone=no? ?xml-stylesheet href=svg.css type=text/css? //引用外部CSS svg width=640 height=480 version=1.1 xmlns=/2000/svg xmlns:xlink=/1999/xlink rect x=100 y=100 width=200 height=100/rect circle cx=400 cy=150 r=50/circle text x=100 y=80 class=H1welcome/text text x=250 y=80 class=H2to svg/text /svg 6、编写SVG.CSS,要求:1、将所有矩形设置为:描边颜色为蓝色;描边宽度为1;填充颜色为红色; 2、将所有圆形设置为:描边颜色为黑色;描边宽度为3;填充颜色为绿色; 3、将所有class=H1的文字设置为:字号大小为40,字体填充颜色为红色; 4、将所有class=H2的文字设置为

文档评论(0)

xcs88858 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

版权声明书
用户编号:8130065136000003

1亿VIP精品文档

相关文档