[文章]HarmonyOS应用开发-ImageData对象练习

阅读量0
0
3
图片3.png

说明
API version 4开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
ImageData对象可以存储canvas渲染的像素数据。
属性
属性
类型
描述
width
number
矩形区域实际像素宽度。
height
number
矩形区域实际像素高度。
data
<Uint8ClampedArray>
一维数组,保存了相应的颜色数据,数据值范围为0到255。
  1. <!-- xxx.hml -->
  2. <div>
  3.     <canvas ref="canvas" style="width: 500px; height: 500px; background-color: #ffff00;"></canvas>
  4. </div>
复制代码
  1. //xxx.js
  2. import prompt from '@system.prompt';
  3. export default {
  4.     onShow() {
  5.         const el =this.$refs.canvas;
  6.         const ctx = el.getContext('2d');
  7.         ctx.fillRect(0,0,200,200)
  8.         var imageData = ctx.createImageData(1,1)
  9.         prompt.showToast({
  10.             message:imageData,
  11.             duration:5000
  12.         })
  13.     }
  14. }
复制代码
效果图:


附件:

回帖

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容图片侵权或者其他问题,请联系本站作侵删。 侵权投诉
链接复制成功,分享给好友