uni

canvas画布的意思,在页面开发中,可以使用画布来渲染出现在页面的特色

东西/原料

  • HBuilderX开辟东西
  • uni-app官方文档

方式/步调

  1. 1

    建立一个uni-app项目程序

  2. 2

    在pages.json中设置装备摆设index.vue导航栏的题目

  3. 3

    打开unicanves项面前目今pages/index/index.vue中的<template></template>中建立canves画布

  4. 4

    同理在script下起头进行绘画

  5. 5

    参看运行成果

    END

注重事项

  • 画圆利用arc()
  • 在画布中添加文本信息fillText()实心字体、strokeText(text,x,y) 空心字体
  • setFontSize()设置文本的字体巨细
  • createLinearGradient()建立线条渐变
  • createRadialGradient()建立一个径标的目的/圆渐变
  • 把图片放置到画布上drawImage()
  • 发表于 2020-05-12 19:00
  • 阅读 ( 862 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具