• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/*
2 * Copyright (c) 2022 Huawei Device Co., Ltd.
3 * Licensed under the Apache License, Version 2.0 (the "License");
4 * you may not use this file except in compliance with the License.
5 * You may obtain a copy of the License at
6 *
7 *     http://www.apache.org/licenses/LICENSE-2.0
8 *
9 * Unless required by applicable law or agreed to in writing, software
10 * distributed under the License is distributed on an "AS IS" BASIS,
11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 * See the License for the specific language governing permissions and
13 * limitations under the License.
14 */
15
16import router from '@ohos.router';
17
18@Entry
19@Component
20struct BitmapExample {
21  private settings: RenderingContextSettings = new RenderingContextSettings(true)
22  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
23  private img: ImageBitmap = new ImageBitmap("/common/images/test1.jpg")
24
25  build() {
26    Column() {
27      Canvas(this.context)
28        .width(600).height('40%').backgroundColor(Color.Pink)
29        .onReady(() => {
30          this.context.imageSmoothingEnabled = false
31          this.context.drawImage(this.img, 60, 50, 200, 200)
32        })
33      Button('back')
34        .width(130)
35        .height(45)
36        .key('back')
37        .backgroundColor(Color.Orange)
38        .onClick(() => {
39          router.back()
40        })
41        .margin({ top: 10 })
42    }.width('100%').height('100%')
43    .justifyContent(FlexAlign.Center)
44    .alignItems(HorizontalAlign.Center)
45  }
46}