首页 > 软件开发 > HTML >

canvas怎样设置线条颜色大小 怎样填充颜色

来源:互联网 2023-03-16 19:11:35 469

用canvas绘制线条和图形之后便需要设置线条颜色以及给图形填充颜色了哦。OV0办公区 - 实用经验教程分享!

今天小编我就来给大家分享一下canvas画布设置线条颜色以及填充颜色的经验哦。OV0办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • Hbuilder

方法/步骤

  • 1

    如图所示,调用strokeStyle即可设置线条的颜色了哦。OV0办公区 - 实用经验教程分享!

    然后用stroke即可把颜色描绘到线条上了。OV0办公区 - 实用经验教程分享!

    canvas怎样设置线条颜色大小 怎样填充颜色OV0办公区 - 实用经验教程分享!

  • 2

    比如小编我把线条颜色指定成红颜色的啦。OV0办公区 - 实用经验教程分享!

    canvas怎样设置线条颜色大小 怎样填充颜色OV0办公区 - 实用经验教程分享!

  • 3

    当然还可以设置通过lineWidth 来设置线条的大小哦。OV0办公区 - 实用经验教程分享!

    canvas怎样设置线条颜色大小 怎样填充颜色OV0办公区 - 实用经验教程分享!

  • 4

    设置成9像素之后线条的大小便会发生改变了哦。OV0办公区 - 实用经验教程分享!

    canvas怎样设置线条颜色大小 怎样填充颜色OV0办公区 - 实用经验教程分享!

  • 5

    而如果是有一个图形需要填充颜色又应该怎样做捏?OV0办公区 - 实用经验教程分享!

    canvas怎样设置线条颜色大小 怎样填充颜色OV0办公区 - 实用经验教程分享!

  • 6

    填充颜色可以用fillStyle指定需要的颜色啦。OV0办公区 - 实用经验教程分享!

    然后调用fill便会把指定颜色填充到图形里头了。OV0办公区 - 实用经验教程分享!

    canvas怎样设置线条颜色大小 怎样填充颜色OV0办公区 - 实用经验教程分享!

  • 7

    然后填充之后效果就会变成这样子的啦。OV0办公区 - 实用经验教程分享!

    canvas怎样设置线条颜色大小 怎样填充颜色OV0办公区 - 实用经验教程分享!

  • 7该信息非法爬取自百度经验
  • 注意事项

    • 有用可以收藏或者分享。
    • 不足之处请指教。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!OV0办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码