HarmonyOS canvas 的相关内容

文章 2025-04-16 来自：开发者社区

【05】20250416优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-增加告警中心相关卡片页面WarningCardWidget相关-增加Canvas 绘制折线图-Canvas 绘制柱状图-首页-优雅草卓伊凡

【05】20250416优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-增加告警中心相关卡片页面WarningCardWidget相关-增加Canvas 绘制折线图-Canvas 绘制柱状图-首页-优雅草卓伊凡项目背景本项目渊源已久，优雅草2025年发布，PC端已经发布，将在4月完成成品发布，目前由于考虑到鸿蒙端用户使用，毕竟新一代纯血鸿蒙harm...

文章 2025-03-29 来自：开发者社区

鸿蒙开发：Canvas绘制之画笔对象Brush

前言本文基于Api13 在之前的文章中，我们主要针对Pen对象做了概述，知道了Pen对象主要用于修改绘制图形的轮廓信息，如果你想要实现一个实心的效果，那么就必须需要Brush对象了。我们还是拿着前边的案例代码做演示，使用Brush对象来实现一个修改颜色的效果： ...

文章 2025-03-29 来自：开发者社区

鸿蒙开发：Canvas绘制之画笔对象Pen

前言本文基于Api13 在上篇文章结尾，我们留了一个悬念，在使用DrawingRenderingContext对象进行绘制的时候，是无法更改画笔的粗细，颜色等属性的，如果你需要更改这些属性，必须借助其它对象来实现，如果是修改轮廓信息，可以使用Pen，如果是填充信息，可以使用Brush对象。我们这篇文章，主要概述如何使用Pen对象来修改绘制的轮廓信息...

文章 2025-03-28 来自：开发者社区

鸿蒙开发：了解Canvas绘制

前言本文基于Api13 系统的组件无法满足我们的需求，这种情况下就不得不自己自定义组件，除了自定义组合组件，拓展组件，还有一种方式，那就是完全的自绘制组件，这种情况，常见的场景有，比如金融软件中的股票行情图，基金折线图，当然了也有其它的需要高度绘制的地方，鸿蒙开发中，和其它的语言类似，都是采用Canvas画布进行绘制，但是绘制的方式更趋...

文章 2024-11-25 来自：开发者社区

「Mac畅玩鸿蒙与硬件22」鸿蒙UI组件篇12 - Canvas 组件的动态进阶应用

在鸿蒙应用中，Canvas 组件可以实现丰富的动态效果，适合用于动画和实时更新的场景。本篇将介绍如何在 Canvas 中实现动画循环、动态进度条、旋转和缩放动画，以及性能优化策略。关键词 Canvas 组件动态绘制动画效果动态进度条旋转和缩放性能优化一、使用定时器实现动画循环通过定时更新画布内容，可以让图形在 Canvas 中产生动画效果。setTimeou...

文章 2024-11-25 来自：开发者社区

「Mac畅玩鸿蒙与硬件21」鸿蒙UI组件篇11 - Canvas 组件的静态进阶应用

在鸿蒙应用开发中，Canvas 组件不仅用于基础绘图，还提供了处理复杂路径和渐变效果的多种手段，帮助开发者实现精美的静态图形。本篇将介绍如何在 Canvas 中绘制复杂路径、创建渐变填充效果。关键词 Canvas 组件复杂路径绘制渐变填充一、Canvas 的复杂路径绘制 Canvas 提供了 bezierCurveTo 和 quadraticC...

文章 2024-11-23 来自：开发者社区

「Mac畅玩鸿蒙与硬件20」鸿蒙UI组件篇10 - Canvas组件自定义绘图

Canvas 组件在鸿蒙应用中用于绘制自定义图形，提供丰富的绘制功能和灵活的定制能力。通过 Canvas，可以创建矩形、圆形、路径、文本等基础图形，为鸿蒙应用增添个性化的视觉效果。本篇将介绍 Canvas 组件的基础操作，涵盖绘制矩形、圆形、路径和文本的实例。关键词 Canvas 组件绘图矩形绘制圆形绘制路径与文本一、Canvas 组件概述 Canvas 组件是鸿蒙...