鸿蒙开发者社区

lineargradient介绍lineargradient:lineargradient()函数用于创建一个表示两种或多种颜色线性渐变的图片。其结果属于数据类型，是一种特别的数据类型。lineargradient()创建一个线性渐变，需要指定两种颜色，还可以实现不同方向（指定为一个角度）的渐变效果，如果不指定方向，默认从上到下渐变。即默认tobottom180degcss.container{width:100%;height:100%;display:flex;justifycontent:spacearound;alignitems:center;}.gradi...

绘制一个圆环表​经过上章介绍，接下来我们尝试在react+typescript项目中，做一个简单的圆环表1.首先我们在项目中建起一个tsx文件,并引入它的外部样式(使用css模块化)javascriptcricleClock.tsx文件importstylesfrom'.index.module.scss'exportdefaultfunctionCricleClock(){return()}cssindex.module.scss文件.container{width:100%;height:100vh;backgroundcolor:rgba(0,0,0,0.8);}2.使用hook获取canvas对象javascript这里使...

canvas1.基本用法htmlcanvas看起来和img元素非常相似，唯一不同的就是它没有src和alt属性，实际上canvas标签上只width和height这两个可选属性（没有设置两个属性时，画布默认是300150的大小）。如果使用css定义大小，绘制图形时会自适应它的框架尺寸（当css尺寸与原始画布不一致时，会出现扭曲，导致绘制的图形模糊）。与img标签不同的时，canvas元素需要结束标签。如果结束标签不存在，则文档的其余部分会被认为是替代内容，将...