• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    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
    • 閱讀 ( 885 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆