`
kingbinchow
  • 浏览: 124496 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Canvas.drawTextOnPath 2D绘图

阅读更多
绘制文字效果,如下图


protected void onDraw(Canvas canvas) 
{ 
    Paint paint = new Paint(); 
    paint.setTextSize(20); 
    Path path = new Path(); 
    //  绘制一个圆形的路径,文字会在该圆的上边缘外侧绘制 
    path.addCircle(100,100, 100, Direction.CW); 
    canvas.drawColor(Color.WHITE); 
    canvas.translate(50, 50); 
    paint.setTextAlign(Paint.Align.RIGHT); 
    canvas.drawTextOnPath("Android 开发权威指南", path, -55,0, paint); 
} 
  • 大小: 16.1 KB
分享到:
评论

相关推荐

    Android canvas.save()和canvas.restore()的理解

    在Android图形系统中,`Canvas`是用于在Bitmap或Surface上进行绘图操作的重要类。它提供了各种绘制路径、文本、矩形、圆形以及其他图形的方法。`save()`和`restore()`是`Canvas`中两个非常关键的方法,它们主要用于...

    html2canvas.js 下载

    由于Canvas API提供了丰富的绘图方法,html2canvas能够模拟网页的视觉效果,包括文字、图片、背景颜色、边框、阴影等。这个过程完全在浏览器端完成,无需服务器参与,因此具有较高的隐私保护和实时性。 html2canvas...

    DelphiXE10.3_FMX画图程序.rar

    FMX 的 Canvas 在不同的系统上会分别使用: WinVista、Win7: D2D (FMX.Canvas.D2D.pas) WinXP: GDI+ (FMX.Canvas.GDIP.pas) Mac 系列: Core Graphics (FMX.Canvas.Mac.pas) 和 HTML5 中的 Canvas 非常类似, 现在的 ...

    WPF经典教程之Canvas、InkCanvas布局

    在Canvas中,每个子元素的位置是通过设置`Canvas.Left`、`Canvas.Right`、`Canvas.Top`和`Canvas.Bottom`属性来确定的,这些属性分别定义了元素相对于Canvas容器的左侧、右侧、顶部和底部的距离。例如,在以下代码...

    html2canvas.js

    开源的html2canvas,可用于截图等。

    html5 canvas.rar

    一旦有了2D渲染上下文,我们就可以使用一系列的绘图方法来在canvas上绘制图形。例如,`fillRect`用于填充矩形,`strokeRect`则用于描边矩形,`beginPath`、`moveTo`、`lineTo`等方法可以绘制自定义路径,`arc`用于...

    HTML5.Canvas.教程.pdf

    - **获取上下文**:使用 `canvas.getContext("2d")` 来获取一个用于绘制 2D 图形的上下文对象。 #### 二、基本绘图功能 - **画直线**:使用 `beginPath()`、`moveTo(x, y)`、`lineTo(x, y)` 和 `stroke()` 方法来...

    html 5 Canvas绘制2D背景1

    接下来,我们需要获取Canvas的2D渲染上下文,这是进行绘图操作的关键。在JavaScript中,我们可以这样做: ```javascript var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); `...

    Html5 Canvas.docx

    例如,`ctx = canvas.getContext('2d')`,其中`ctx`是绘图对象。 3. **检查支持性** 在使用Canvas前,应检查浏览器是否支持该特性,通常使用`canvas.getContext('2d')`,如果返回`null`,则表明浏览器不支持。 4....

    HTML5 Canvas 应用

    然而,Canvas绘图对性能有一定要求,因此在处理大量图形或复杂动画时需要注意优化,例如利用局部重绘、缓存图形、减少不必要的计算等。 总的来说,HTML5 Canvas是一个强大且灵活的工具,为Web开发者提供了无限的...

    html5之canvas.docx

    整个过程展示了Canvas的基本绘图流程,包括定义画布大小、获取2D渲染上下文、清除画布、绘制图形、填充颜色等步骤。通过这样的方式,开发者可以创建复杂、动态的图形交互界面,为Web应用带来更丰富的视觉体验。

    html2canvas.js--自定义高度

    修改html2canvas.js源码,可以解决截图不全问题.使用方式参考 http://blog.csdn.net/q2365921/article/details/54377479

    Java中如何使用Draw2D和SWT绘图

    Draw2D是Eclipse项目的一部分,它提供了一套丰富的API,可以方便地在 SWT 的 Composite 对象上进行绘图,减少了对第三方库的依赖。 Draw2D的核心概念包括Composite、轻量级系统和图形。Composite是SWT的基础组件,...

    HTML5.Canvas.教程

    `getContext("2d")`方法返回一个2D渲染上下文,所有绘图操作都将基于此上下文进行。 #### 二、画直线 **1.2.1 画直线的方法** 为了在Canvas上画一条直线,需要使用`beginPath()`、`moveTo()`、`lineTo()`和`...

    canvas.zip

    - **绘图方法**:如`fillRect()`(填充矩形)、`strokeRect()`(描边矩形)、`beginPath()`、`moveTo()`、`lineTo()`(绘制线条)、`arc()`(绘制圆弧)等,它们构成了Canvas绘图的基础。 - **颜色和样式**:可以...

    html5Canvas.zip

    - 在JavaScript中,可以通过`document.createElement('canvas')`创建Canvas对象,然后通过`canvas.getContext('2d')`获取2D渲染上下文。 2. **背景动画原理**: - 背景动画通常是通过连续地改变图形的位置、颜色...

    HTML5之画布Canvas.doc

    Canvas提供了丰富的绘图方法,下面分别介绍几种常见的绘图操作: 1. **绘制矩形**:使用`fillRect()`方法可以绘制实心矩形,通过设置矩形的位置和大小来控制其显示。 ```javascript ctx.fillStyle = '#ff0000'; ...

    示例源码canvas.7z

    QML是Qt的一种声明式编程语言,它使得创建丰富的用户界面变得简单直观,而Canvas是QML的一个重要组件,允许开发者进行低级的图形绘制,实现了JavaScript与2D绘图API的结合,为开发动态和交互式的UI提供了强大的功能...

    excanvas_canvas.js_

    Canvas是HTML5中一个强大的绘图接口,允许开发者通过JavaScript动态绘制2D图形,包括图像、文字、线条、形状等。然而,在Internet Explorer 8及更早版本中,Canvas元素并未得到原生支持,这就是Excanvas发挥作用的...

    原生js html5 canvas 3D云动画效果

    首先,HTML5 Canvas是一个二维绘图表面,通过JavaScript可以进行实时的图形绘制,提供丰富的视觉体验。在HTML5文档中,我们可以通过以下方式引入Canvas元素: ```html <canvas id="myCanvas" width="800" height=...

Global site tag (gtag.js) - Google Analytics