- 目录 1. canvas 简介 2. canvas 标签介绍 3. canvas 上下文 Context 4. 案例：在 canvas 画布中绘制表格 5. canvas 的 beginPath 状态 6. 绘制矩形 rect 7. 绘制圆形 arc 8. 案例：根据一组数据绘制饼状图 1. canvas 简介 &... 目录 1. canvas 简介 2. canvas 标签介绍 3. canvas 上下文 Context 4. 案例：在 canvas 画布中绘制表格 5. canvas 的 beginPath 状态 6. 绘制矩形 rect 7. 绘制圆形 arc 8. 案例：根据一组数据绘制饼状图 1. canvas 简介 &...
- 目录 一、Konva 基本概念 二、Konva 的使用 1. 引入 Konva 2. Konva 基本绘制步骤 三、Konva 动画 1. tween 对象 2. 动画 to 方法的使用 3. 循环播放动画 四、案例：使用 Konva 绘制进度条 一、Konva 基本概念 &n... 目录 一、Konva 基本概念 二、Konva 的使用 1. 引入 Konva 2. Konva 基本绘制步骤 三、Konva 动画 1. tween 对象 2. 动画 to 方法的使用 3. 循环播放动画 四、案例：使用 Konva 绘制进度条 一、Konva 基本概念 &n...
- 图片都是线上的，可以直接放到onLoad里边自动检测 1.注意点： 在绘制网络图片时必需先将其保存到本地然后在绘制。当我们在加载一个带有图片的页面时，图片都会被暂存到本地，由此我们可以通过wx.gerImageInfo接口访问本地的暂存路径来调用drawImage方法绘制图片。如下：（注意网络图片的地址一定要在合... 图片都是线上的，可以直接放到onLoad里边自动检测 1.注意点： 在绘制网络图片时必需先将其保存到本地然后在绘制。当我们在加载一个带有图片的页面时，图片都会被暂存到本地，由此我们可以通过wx.gerImageInfo接口访问本地的暂存路径来调用drawImage方法绘制图片。如下：（注意网络图片的地址一定要在合...
- 使用html2canvas 截图并下载图片时,出现下载失败, 网络错误 经过 分析 排查,是因为canvas.toDataURL('image/png') 这方法生成的base64的字符太大, 导致无法解析. 通过查看 MDN HTMLCanvasElement 文档详情... 使用html2canvas 截图并下载图片时,出现下载失败, 网络错误 经过 分析 排查,是因为canvas.toDataURL('image/png') 这方法生成的base64的字符太大, 导致无法解析. 通过查看 MDN HTMLCanvasElement 文档详情...
- UGUI中的Canvas、Camera和Canvas Scaler - 简书 http://www.jianshu.com/p/96fd1fbe8409 投影空间和屏幕空间 先不说UI，如果是一个普通渲染流程，一个Cube普通地被渲染。 800X600的屏幕中，右边的... UGUI中的Canvas、Camera和Canvas Scaler - 简书 http://www.jianshu.com/p/96fd1fbe8409 投影空间和屏幕空间 先不说UI，如果是一个普通渲染流程，一个Cube普通地被渲染。 800X600的屏幕中，右边的...
- 微信小程序 - canvas层级最高问题，如何超越canvas的层级 1.为什么这些组件总是会在最上层 map、canvas、video、textarea 是由客户端创建的原生组件，原生组件的层级... 微信小程序 - canvas层级最高问题，如何超越canvas的层级 1.为什么这些组件总是会在最上层 map、canvas、video、textarea 是由客户端创建的原生组件，原生组件的层级...
- 最近做了一个功能，里面涉及到了渐变圆形的需求。就是一个颜色可以渐变的圆环，最后实现的效果如下图： 左图是带渐变效果，右图是不带渐变效果。原理还是绘图，Canvas可以绘制的对象有：弧线(arcs)、填充颜色(argb和color)、 Bitmap、圆(circle和oval)、点(point)、线... 最近做了一个功能，里面涉及到了渐变圆形的需求。就是一个颜色可以渐变的圆环，最后实现的效果如下图： 左图是带渐变效果，右图是不带渐变效果。原理还是绘图，Canvas可以绘制的对象有：弧线(arcs)、填充颜色(argb和color)、 Bitmap、圆(circle和oval)、点(point)、线...
- 在自定义 View的时候，我们经常需要绘制一些自己想要的效果。 这里就需要使用Canvas对象。 下面将Canvas对象常用方法做个笔记，方便记忆。 对Canvas进行操作 对Canvas的一系列操作，是指对Canvas进行旋转、平移、缩放等操作。 这些操作可以让Canvas对象使用起来更加便捷。 Canvas平移... 在自定义 View的时候，我们经常需要绘制一些自己想要的效果。 这里就需要使用Canvas对象。 下面将Canvas对象常用方法做个笔记，方便记忆。 对Canvas进行操作 对Canvas的一系列操作，是指对Canvas进行旋转、平移、缩放等操作。 这些操作可以让Canvas对象使用起来更加便捷。 Canvas平移...
- 文章目录 一、文本边界坐标解析二、绘图位置 一、文本边界坐标解析 在上一篇博客 【Android 应用开发】Canvas 精准绘制文字 ( 测量文本真实边界 | 将... 文章目录 一、文本边界坐标解析二、绘图位置 一、文本边界坐标解析 在上一篇博客 【Android 应用开发】Canvas 精准绘制文字 ( 测量文本真实边界 | 将...
- 文章目录 一、测量文本真实边界二、将文本中心点与给定中心点对齐 一、测量文本真实边界 Paint.getTextBounds() 函数原型如下 : public ... 文章目录 一、测量文本真实边界二、将文本中心点与给定中心点对齐 一、测量文本真实边界 Paint.getTextBounds() 函数原型如下 : public ...
- 文章目录 I . 文字尺寸测量II . 基线绘制 I . 文字尺寸测量 1 . 精准绘制需求 : Canvas 绘制文字时 , 有时需要精准的控制文字的绘... 文章目录 I . 文字尺寸测量II . 基线绘制 I . 文字尺寸测量 1 . 精准绘制需求 : Canvas 绘制文字时 , 有时需要精准的控制文字的绘...
- canvas示例系列： html：canvas画布绘图简单入门-1html：canvas画布绘图简单入门-2html：canvas画布绘图简单入门-绘制时钟-3html：canvas画布绘图简单入门-刮... canvas示例系列： html：canvas画布绘图简单入门-1html：canvas画布绘图简单入门-2html：canvas画布绘图简单入门-绘制时钟-3html：canvas画布绘图简单入门-刮...
- canvas示例系列： html：canvas画布绘图简单入门-1html：canvas画布绘图简单入门-2html：canvas画布绘图简单入门-绘制时钟-3html：canvas画布绘图简单入门-刮... canvas示例系列： html：canvas画布绘图简单入门-1html：canvas画布绘图简单入门-2html：canvas画布绘图简单入门-绘制时钟-3html：canvas画布绘图简单入门-刮...
- canvas示例系列： html：canvas画布绘图简单入门-1html：canvas画布绘图简单入门-2html：canvas画布绘图简单入门-绘制时钟-3html：canvas画布绘图简单入门-刮... canvas示例系列： html：canvas画布绘图简单入门-1html：canvas画布绘图简单入门-2html：canvas画布绘图简单入门-绘制时钟-3html：canvas画布绘图简单入门-刮...
- 图像合成，是将两幅退昂放在一起的动作，它使得我们能够同时看到两幅图像的特征。 我们可以首先在Canvas对象上绘制一个位图对象，然后再相同的Canvas对象上绘制第二个位图对象的方式来实现合成。不过这里在绘制第二幅图像的时候，需要在Paint对象上指定一个过渡模式（Xfermode）。 可用作过渡模式的类集合都继承自Xfermode... 图像合成，是将两幅退昂放在一起的动作，它使得我们能够同时看到两幅图像的特征。 我们可以首先在Canvas对象上绘制一个位图对象，然后再相同的Canvas对象上绘制第二个位图对象的方式来实现合成。不过这里在绘制第二幅图像的时候，需要在Paint对象上指定一个过渡模式（Xfermode）。 可用作过渡模式的类集合都继承自Xfermode...
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制，把香橙派封装为AI推理黑盒服务，构建了分布式远程推理框架，并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架，解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题，真正做到开箱即用，并支持多种笔记本电脑环境、多种不同编程语言，10行代码即可体验图像分割迁移案例。
即将直播 -
鸿蒙端云一体化应用开发2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例，介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法，端侧（HarmonyOS平台）一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法，为开发端云一体化应用打下坚实基础。
即将直播
热门标签