HarmonyOS应用开发-ImageData对象练习

鸿蒙时代
发布于 2022-3-24 10:18
7105浏览
0收藏

HarmonyOS应用开发-ImageData对象练习-鸿蒙开发者社区
说明:
从API version 4开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
ImageData对象可以存储canvas渲染的像素数据。

属性
HarmonyOS应用开发-ImageData对象练习-鸿蒙开发者社区

<!-- xxx.hml -->
<div>
    <canvas ref="canvas" style="width: 500px; height: 500px; background-color: #ffff00;"></canvas>
</div>

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
//xxx.js
import prompt from '@system.prompt';
export default {
    onShow() {
        const el =this.$refs.canvas;
        const ctx = el.getContext('2d');
        ctx.fillRect(0,0,200,200)
        var imageData = ctx.createImageData(1,1)
        prompt.showToast({
            message:imageData,
            duration:5000
        })
    }
}

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.

效果图:
HarmonyOS应用开发-ImageData对象练习-鸿蒙开发者社区

分类
标签
HarmonyOS应用开发-ImageData对象练习.docx 21.45K 11次下载
1
收藏
回复
举报
1


回复
    相关推荐