| OLD | NEW |
| (Empty) |
| 1 // Copyright 2015 The Chromium Authors. All rights reserved. | |
| 2 // Use of this source code is governed by a BSD-style license that can be | |
| 3 // found in the LICENSE file. | |
| 4 | |
| 5 import 'dart:sky' as sky; | |
| 6 | |
| 7 void drawText(sky.Canvas canvas, String lh) { | |
| 8 sky.Paint paint = new sky.Paint(); | |
| 9 | |
| 10 // offset down | |
| 11 canvas.translate(0.0, 100.0); | |
| 12 | |
| 13 // set up the text | |
| 14 sky.Document document = new sky.Document(); | |
| 15 sky.Text arabic = document.createText("مرحبا"); | |
| 16 sky.Text english = document.createText(" Hello"); | |
| 17 sky.Element block = document.createElement('div'); | |
| 18 block.style['display'] = 'paragraph'; | |
| 19 block.style['font-family'] = 'monospace'; | |
| 20 block.style['font-size'] = '50px'; | |
| 21 block.style['line-height'] = lh; | |
| 22 block.style['color'] = '#0000A0'; | |
| 23 block.appendChild(arabic); | |
| 24 block.appendChild(english); | |
| 25 sky.LayoutRoot layoutRoot = new sky.LayoutRoot(); | |
| 26 layoutRoot.rootElement = block; | |
| 27 layoutRoot.maxWidth = sky.view.width - 20.0; // you need to set a width for th
is to paint | |
| 28 layoutRoot.layout(); | |
| 29 | |
| 30 // draw a line at the text's baseline | |
| 31 sky.Path path = new sky.Path(); | |
| 32 path.moveTo(0.0, 0.0); | |
| 33 path.lineTo(block.maxContentWidth, 0.0); | |
| 34 path.moveTo(0.0, block.alphabeticBaseline); | |
| 35 path.lineTo(block.maxContentWidth, block.alphabeticBaseline); | |
| 36 path.moveTo(0.0, block.height); | |
| 37 path.lineTo(block.maxContentWidth, block.height); | |
| 38 paint.color = const sky.Color(0xFFFF9000); | |
| 39 paint.setStyle(sky.PaintingStyle.stroke); | |
| 40 paint.strokeWidth = 3.0; | |
| 41 canvas.drawPath(path, paint); | |
| 42 | |
| 43 // paint the text | |
| 44 layoutRoot.paint(canvas); | |
| 45 } | |
| 46 | |
| 47 void main() { | |
| 48 // prepare the rendering | |
| 49 sky.PictureRecorder recorder = new sky.PictureRecorder(); | |
| 50 sky.Canvas canvas = new sky.Canvas(recorder, sky.view.width, sky.view.height); | |
| 51 | |
| 52 // background | |
| 53 sky.Paint paint = new sky.Paint(); | |
| 54 paint.color = const sky.Color(0xFFFFFFFF); | |
| 55 paint.setStyle(sky.PaintingStyle.fill); | |
| 56 canvas.drawRect(new sky.Rect.fromLTRB(0.0, 0.0, sky.view.width, sky.view.heigh
t), paint); | |
| 57 | |
| 58 canvas.translate(10.0, 0.0); | |
| 59 drawText(canvas, '1.0'); | |
| 60 drawText(canvas, 'lh'); | |
| 61 | |
| 62 // put it on the screen | |
| 63 sky.view.picture = recorder.endRecording(); | |
| 64 sky.view.scheduleFrame(); | |
| 65 } | |
| OLD | NEW |