ITPub博客

首页 > IT职业 > IT图书 > 使用canvas绘制简单图形(上)

使用canvas绘制简单图形(上)

IT图书 作者:dzone 时间:2021-09-09 08:59:46 0 删除 编辑
绘制直线




Document


        浏览器不支持canvas元素时显示该文本内容
    
绘制矩形




Document


        浏览器不支持canvas元素时显示该文本内容
    

若如上面两个例子这样,你会发现运行代码时显示的并不像自己想象的那样,那是因为我们将canvas的宽高样式写在了内部样式,为了解决这个问题,我们要将canvas的宽高样式写在内联样式中,如下所示:

绘制直线




Document

<!--将宽高样式写在内联样式中的style属性也不能达到我们要的效果-->
        浏览器不支持canvas元素时显示该文本内容
    
绘制矩形




Document

<!--将宽高样式写在内联样式中的style属性也不能达到我们要的效果-->
        浏览器不支持canvas元素时显示该文本内容
    

若我们只想绘制一个矩形的轮廓而不想填充则可以使用stroke()方法,请看下面例子:





Document

<!--将宽高样式写在内联样式中的style属性也不能达到我们要的效果-->
        浏览器不支持canvas元素时显示该文本内容
    

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3703/viewspace-2798372/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-30

  • 博文量
    76
  • 访问量
    534