Html5学习

最新推荐文章于 2024-08-22 14:54:22 发布

睿oba

最新推荐文章于 2024-08-22 14:54:22 发布

阅读量159

点赞数

分类专栏： h5 文章标签： html5

本文链接：https://blog.csdn.net/chanzhiliao/article/details/119103539

版权

h5 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、自定义标签，使用document.createElement，仅适用于 IE。

<script>document.createElement("myHero")</script>
  <style>
      selfDemo {。。。 }  
  </style>
</head>
<body>
  <selfDemo>My First Hero</selfDemo>
</body>

2、canvas绘制2d矩形//线条//圆形

<body>
  <canvas id="myCanvas" width="200" height="200" style="border:1px solid #000000;">你的浏览器不支持 HTML5 canvas 标签。</canvas>
  <script>
    var c=document.getElementById('myCanvas');
    var ctx=c.getContext('2d');
    ctx.fillStyle='#FF0000';//fillStyle颜色
    ctx.fillRect(0,0,width,height);//fillRect()前两个数为起始点坐标

    //ctx.moveTo(0,0);绘制开始点
    //ctx.lineTo(200,100);绘制结束点 
    //ctx.stroke();绘制线条

    //ctx.beginPath();
    //ctx.arc(95,50,40,0,2*Math.PI); 整个圆，arc(x,y,r,start,stop)
    //ctx.stroke();

  </script>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

睿oba

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html5学习

1、自定义标签，使用document.createElement，仅适用于 IE。<script>document.createElement("myHero")</script> <style> selfDemo {。。。 } </style></head><body> <selfDemo>My First Hero</selfDemo></body>2、
复制链接

扫一扫