0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

HarmonyOS-CanvasGradient对象练习

鸿蒙时代 来源:鸿蒙时代 作者:鸿蒙时代 2022-03-23 10:36 次阅读
pYYBAGI6hw6ADRapAAAkFxsGadQ271.png

说明:
从API version 4开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。

渐变对象。

addColorStop
addColorStop(offset: number, color: string): void
设置渐变断点值,包括偏移和颜色。

pYYBAGI6hyuAD85WAAAgnD6fxw4365.png
// xxx.js
export default {
    handleClick() {
        const el =this.$refs.canvas;
        const ctx =el.getContext('2d');
        const gradient = ctx.createLinearGradient(0,0,100,0);
        gradient.addColorStop(0,'#00ffff');
        gradient.addColorStop(1,'#ffff00');
    }
}

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 鸿蒙系统
    +关注

    关注

    183

    文章

    2633

    浏览量

    66119
  • HarmonyOS
    +关注

    关注

    79

    文章

    1965

    浏览量

    29953
收藏 人收藏

    评论

    相关推荐

    HarmonyOS】认证介绍

    认证测试内容认证测试对象认证内容硬件测试集成HarmonyOS的设备由伙伴自行测试,对HarmonyOS运行硬件做基带、射频、可靠性、电磁兼容、安全及国家强制认证测试。HarmonyOS
    发表于 09-16 17:32

    HarmonyOSAPP开发学习-新人练习作品

    一、基本情况具备JS与JAVA的入门级知识,初次接触HarmonyOS,学习时间一周以内。二、学习教程https://developer.huawei.com/con
    发表于 06-16 15:45

    HarmonyOS技术社区精选推送

    征文#鸿蒙卡片-物联网DTU污水液位计卡片查看详情:https://bbs.elecfans.com/jishu_2106011_1_1.html5、HarmonyOSAPP开发-JS时钟练习尝试查看详情:https://bbs.elecfans.com/jishu_21
    发表于 06-29 11:30

    HarmonyOS应用开发-CanvasGradient对象练习

    说明:从API version 4开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 渐变对象。 addColorStopaddColorStop(offset: number
    发表于 03-23 10:41

    HarmonyOS应用开发-ImageData对象练习

    说明:从API version 4开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。ImageData对象可以存储canvas渲染的像素数据。 属性属性类型描述
    发表于 03-24 10:49

    HarmonyOS数据库的相关资料下载

    1、HarmonyOS数据库篇之轻量级数据存储HarmonyOS中的数据库存储主要分为3种形式:1. 轻量级数据存储2. 关系型数据库的数据存储3. 对象关系映射数据库的数据存储2
    发表于 03-28 11:13

    Protel教程——练习与例题

    Protel教程——练习与例题
    发表于 03-12 01:01 0次下载

    PLD练习参考实例

    PLD练习参考实例
    发表于 05-26 00:12 26次下载

    PLD实验练习1

    PLD实验练习1
    发表于 05-26 00:16 20次下载

    电码练习

    电码练习
    发表于 12-20 22:21 1161次阅读
    电码<b class='flag-5'>练习</b>器

    面向对象编程练习

    实验 3 面向对象编程练习 一、实验目的     通过编程和上机实验理解 Java 语言是如何体现面向对象编程基本思想,了解类的封装方法,以及 如何
    发表于 09-23 18:57 3032次阅读

    VF练习系统

    练习vfp,有更好的课后练习,给你不一样的体验,飞一般的感觉。走起
    发表于 12-03 16:12 5次下载

    常用API-常见对象需要练习的方法列表

    常用API-常见对象需要练习的方法列表。
    发表于 03-16 17:18 9次下载

    CCNA实验Lab练习

    CCNA练习
    发表于 12-09 18:06 0次下载

    HarmonyOS应用开发案例 ImageData对象练习

    说明: 从API version 4开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 ImageData对象可以存储canvas渲染的像素数据。 属性 //xxx.js
    的头像 发表于 03-24 10:33 6584次阅读
    <b class='flag-5'>HarmonyOS</b>应用开发案例 ImageData<b class='flag-5'>对象</b><b class='flag-5'>练习</b>