• 工信部:17年12批新能源车推荐车型目录 2019-05-11
  • 美国再挑贸易战,中方强力回击,全球市场跌声一片 2019-05-11
  • 四川都江堰再现野生大熊猫踪迹 比3月拍到的更肥 2019-05-10
  • 坚持和发展马克思主义的宣言书 2019-05-10
  • 解析视频播控平台黑产链 20元看12家网站VIP会员视频 2019-04-26
  • 众星云集 “欧洲红魔”能否用战绩兑现黄金一代的天赋 2019-04-26
  • 比如最高检的12309检查服务中心,原来还有显示信访处理进程,不过没有几天就取消了。[上火][上火] 也就是说办与不办也没有人知道,下边省事了,上边也就轻松了。 2019-04-16
  • 男女差别有多大?河北省首次公开发布分性别统计分析报告 2019-04-05
  • 菲律宾媒体和网民热议"中国剧场"开播 2019-04-05
  • 坚持和完善我国基本经济制度的两条新经验 2019-04-02
  • 5月份61城房价环比反弹 多地调控政策或再加码 ——凤凰网房产济南 2019-04-02
  • [洞见]草榴死了 欲望还活着草榴性 2019-04-02
  • 回顾:五年来习近平的“两会金句” 2019-04-02
  • 云南省2018年度国家社科基金项目申报工作的几点做法 2019-04-01
  • 地理君的专栏作者中国国家地理网 2019-04-01

    20选5福彩今日开奖结果:svg生成矩形效果代码

    燕赵风采20选5走势图 www.fllv.net 2018-5-20 11:37| 作者: 蚂蚁小编| 查看: 1510| 评论: 0|来自: 蚂蚁部落

    分享一段代码实例,它利用svg实现了矩形效果。

    代码实例如下:

    [HTML] 纯文本查看 复制代码运行代码
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="author" content="//www.fllv.net/" />
    <title>蚂蚁部落</title>
    </head>
    <body>
    <svg id="svg" width="500px" height="500px" style="background-color: #f2f2f2"></svg>
    <script>
    var svg = document.getElementById("svg");
    svg.onclick = function(event){
      var rect = document.createElementNS("//www.w3.org/2000/svg","rect");
      rect.setAttribute("x",event.offsetX);
      rect.setAttribute("y",event.offsetY);
      rect.setAttribute("width",50);
      rect.setAttribute("height",50);
      rect.setAttribute("fill",randomColor());
      svg.appendChild(rect);
    }
     
    function randomColor(){
      var r = Math.floor(Math.random()*256);
      var g = Math.floor(Math.random()*256);
      var b = Math.floor(Math.random()*256);
      return `rgb(${r},${g},$)`;
    }
    </script>
    </body>
    </html>

    最新评论

    返回顶部
  • 工信部:17年12批新能源车推荐车型目录 2019-05-11
  • 美国再挑贸易战,中方强力回击,全球市场跌声一片 2019-05-11
  • 四川都江堰再现野生大熊猫踪迹 比3月拍到的更肥 2019-05-10
  • 坚持和发展马克思主义的宣言书 2019-05-10
  • 解析视频播控平台黑产链 20元看12家网站VIP会员视频 2019-04-26
  • 众星云集 “欧洲红魔”能否用战绩兑现黄金一代的天赋 2019-04-26
  • 比如最高检的12309检查服务中心,原来还有显示信访处理进程,不过没有几天就取消了。[上火][上火] 也就是说办与不办也没有人知道,下边省事了,上边也就轻松了。 2019-04-16
  • 男女差别有多大?河北省首次公开发布分性别统计分析报告 2019-04-05
  • 菲律宾媒体和网民热议"中国剧场"开播 2019-04-05
  • 坚持和完善我国基本经济制度的两条新经验 2019-04-02
  • 5月份61城房价环比反弹 多地调控政策或再加码 ——凤凰网房产济南 2019-04-02
  • [洞见]草榴死了 欲望还活着草榴性 2019-04-02
  • 回顾:五年来习近平的“两会金句” 2019-04-02
  • 云南省2018年度国家社科基金项目申报工作的几点做法 2019-04-01
  • 地理君的专栏作者中国国家地理网 2019-04-01
  • 七乐彩走势图带坐标带连线 重庆欢乐生肖什么意思 新浪彩票开奖 混合过关跟胜平负 重庆时时彩开奖官网 曾道免费资料大全2018 六合彩网址大全 福彩3d和值走势图南方双彩网首页 竞猜足彩半全场预测 北京pk10彩票合法的吗 杏彩娱乐平台登录 重庆时时彩开奖记录 重庆时时彩计划蚂蚁 江西时时彩74期 极速快3开奖走势图 体育彩票超级大乐透