CanvasContext.draw

将之前在绘图上下文中的描述(路径、变形、样式)画到 canvas 中。绘图上下文需要由 my.createCanvasContext(canvasId)来创建。入参 Object 类型,属性如下:属性类型必填默认值说明reserveBoolean否false本次绘制是否接着上一次绘制,即 ...

CanvasContext.toTempFilePath

导出当前画布的内容为临时图片,返回文件路径。入参Object 类型,属性如下:属性类型必填默认值说明xNumber否0画布 x 轴起点。yNumber否0画布 y 轴起点。widthNumber否默认为 canvas 宽度 x画布宽度。heightNumber否默认为 canvas 高度 y...

CanvasContext.clearRect

清除画布上在该矩形区域内的内容。入参 Object 类型,属性如下:属性类型描述xNumber矩形左上角的 x 坐标。yNumber矩形左上角的 y 坐标。widthNumber矩形宽度。heightNumber矩形高度。示例代码 clearRect 并非画一个白色的矩形在地址区域,...

canvas 画布

画布画布是一个矩形区域,用于在页面上绘制图形,开发者可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。相关 API:my.createCanvasContext。扫码体验示例代码<API-DEMO page/component/canvas/...

画布

height Number 否 画布高度,默认为画布高度 Y。destWidth Number 否 输出的图片宽度,默认为画布宽度。destHeight Number 否 输出的图片高度,默认为画布高度。fileType String 否 目标文件的类型。合法值为 jpg、png,默认值为 1。mPaaS ...

CanvasContext.fillRect

填充矩形。setFillStyle()用于设置矩形的填充色,如果没设置则默认是 black。...示例代码/.js const ctx=my.createCanvasContext('awesomeCanvas')ctx.fillRect(20,20,250,80)ctx.setFillStyle('blue')ctx.draw()显示效果如下图所示:

CanvasContext 概览

CanvasContext.beginPath开始创建一个路径,需调用 fill 或 stroke 才会使用路径进行填充或描边。CanvasContext.bezierCurveTo创建三次方贝塞尔曲线路径。CanvasContext.clearRect清除画布上指定矩形区域的内容。CanvasContext.clip将当前...

概览

扫码体验视图容器名称功能说明view视图容器swiper滑块视图容器scroll-view可...view嵌入页面的滚动选择器picker从底部弹起的滚动选择器导航名称功能说明navigator页面链接媒体组件名称功能说明image图片video视频画布名称功能说明canvas画布

canvas

本文介绍画布canvas)。属性名 类型 默认值 描述 最低版本 id String-组件唯一标识符-style String-class String-width String canvas width attribute-height String canvas height attribute-disable-scroll Boolean false 禁止屏幕...

容器布局

本文档介绍容器布局在流式布局画布中的操作方法,包括容器拖拽添加、容器高度调整、容器的上移、下移、复制、删除等,帮助您更加方便快捷地在移动端可视化应用中对容器进行布局。DataV提供了容器布局时的移动、调整高度等功能,使操作更...

画布刷新

本文档介绍DataV移动端编辑器内的画布刷新的使用方法,在可视化应用内组件渲染有误,您可以使用画布刷新功能恢复画布内组件的正常渲染。操作步骤 登录DataV控制台。在我的可视化页面,新建一个移动端可视化应用或者单击一个已有移动端...

移动端画布编辑器概览

本文档为您介绍移动端画布编辑器的结构和功能,帮助您快速使用移动端画布编辑器开发可视化应用项目。进入到移动端画布编辑页面后,您可以使用系统提供的流式布局画布配置和布局容器与组件配置工具,管理流式布局画布和各个组件。图 1.画布...

蓝图编辑器详细功能介绍

工具栏:工具栏位于画布上方,包含适配画布、节点启用、禁用、清空画布、删除不可用节点、搜索、切换单选框选以及画布的缩放等快捷操作。操作 说明 适配画布 单击工具栏中的适配画布图标(),将画布中的节点自适应到画布中间显示。停用/...

搭建页面

采用画布搭建的方式,在空白画布上,通过选取组件的形式,完成可视化页面搭建过程。前提条件已创建应用页面,具体操作参见 创建页面。操作步骤页面搭建的操作流程如下:在页面管理的页面列表中,选择目标页面,单击操作列下的 页面搭建,...

本地双录使用文档

canvas宽高渲染画布的大小,PreviewSize根据info.orientation获取 if((0=angle)|(180=angle)){ kx=(float)canvas.getWidth()/cameraView.getPreviewSize().width;ky=(float)canvas.getHeight()/cameraView.getPreviewSize().height;if((0=...

组件概述

view嵌入页面的滚动选择器picker从底部弹起的滚动选择器导航名称功能说明navigator页面链接媒体组件名称功能说明image图片组件video视频组件画布名称功能说明canvas画布地图名称功能说明map地图组件开放组件名称功能说明web-view承载 H5 ...

CanvasContext.setGlobalAlpha

示例代码/.js const ctx=my.createCanvasContext('awesomeCanvas')ctx.setFillStyle('yellow')ctx.fillRect(10,10,150,100)ctx.setGlobalAlpha(0.2)ctx.setFillStyle('blue')ctx.fillRect(50,50,150,100)ctx.setFillStyle('red')ctx....

CanvasContext.rect

用 fill()或者 stroke()方法将矩形画到 canvas 中。入参Object 类型,属性如下:属性类型说明xNumber矩形左上角的 x 坐标。yNumber矩形左上角的 y 坐标。widthNumber矩形路径宽度。heightNumber矩形路径高度。示例代码/.js const ctx=my....

格子

本文档介绍格子在流式布局画布中的操作方法,包括格子高度调整、分裂格子和删除格子等,帮助您更加方便快捷地在移动端可视化应用中对格子进行配置。DataV提供了格子调整高度、分裂格子等功能,使流式布局画布中内容操作更流畅。您可以在...

页面搭建编辑器

目前,智能搭建提供画布搭建方式,主要针对图文类页面的搭建。页面搭建编辑器由四部分组成:组件区、全局操作区、画布操作区以及组件配置区。组件区组件区提供用于搭建的基础模块,目前有四种:文本图片链接轮播图片 文本组件在画布中添加...

大屏管理

等比缩放高度画布高度与显示终端高度一致,宽度等比缩放。全屏铺满:画布宽、高皆与显示终端一致,此时画布有可能变形。实际尺寸。背景图片:您可在此设置大屏的背景图片。当图层处于选中状态,配置表单中显示为图层配置项,其中包括:...

新建画布并设置表关系

您可以通过拖拽方式,在画布中建立多个表之间的关联关系。本文介绍如何新建画布以及建立各表关系。前提条件已创建目录,具体操作,请参见新建模型目录。背景信息创建完表关系后,您可以在逻辑表详情的关系列表页签中查看到已创建的模型关系...

滤镜配置

注意 初次进入新建的可视化应用,工具栏默认开启,画布左上方滤镜配置默认关闭。如果需要使用滤镜配置功能,可以勾选滤镜配置开关后配置滤镜参数。单击滤镜配置。首次打开滤镜配置开关,可直接进入滤镜配置面板。单击空白处退出后,需要...

画布概览

设计数据模式,当业务的多个表之间存在关系,可以通过画布管理实现可视化方式创建表之间的关系。本文介绍画布的各功能区,为您后面新建画布操作做准备。序号区域说明①左侧逻辑表选择区区域导航栏:节点资源:查看该工作组内,数据模型下...

辅助线

在移动端画布编辑器页面,单击选中画布上方的辅助线,流式布局画布中每个格子之间都会显示虚线样式的辅助线条,清晰的显示画布中的各区域块内容。注意 初次进入新建的移动端可视化应用,工具栏默认开启,画布左上方辅助线默认开启。再次...

CanvasContext.save

保存当前的绘图上下文。...10,150,100)/restore to the previous saved state ctx.restore()ctx.fillRect(50,50,150,100)ctx.draw()显示效果如下图所示:

CanvasContext.restore

恢复之前保存的绘图上下文。示例代码/.js const ctx=my.createCanvasContext('awesomeCanvas');ctx.save();ctx.setFillStyle('red');ctx.fillRect(20,20,250,80);ctx.restore();ctx.fillRect(60,60,155,130);...显示效果如下图所示:

区块编辑器概览

注意 区块编辑器的整体样式及功能使用方法,与画布编辑器保持一致,具体区块编辑器的功能使用说明请参见PC端画布编辑器概览。图 1.区块编辑器页面概览 图 2.区块内组件配置 序号 名称 说明 1 工具栏 工具栏位于编辑器页面的最上方,您可以...

如何实现跨屏联动

本文档以配置两个不同可视化应用上的Tab列表和通用标题之间联动为例,为您介绍如何使用蓝图编辑器实现跨屏联动效果。前提条件 准备好您的交互需求。本案例的交互需求为:主屏幕单击Tab列表来触发副屏幕通用标题的修改。背景信息 本案例的...

CanvasContext.getImageData

获取 canvas 区域隐含的像素数据。入参 Object 类型,属性如下:属性类型必填说明xNumber是将要被提取的图像数据矩形区域的左上角横坐标。yNumber是将要被提取的图像数据矩形区域的左上角纵坐标。widthNumber是将要被提取的图像数据矩形...

重置画布大小

本文档介绍DataV移动端编辑器内重置画布大小的使用方法,您可以在流式布局画布宽度尺寸有变化后使用重置功能一键恢复到宽度默认值。操作步骤 登录DataV控制台。在我的可视化页面,新建一个移动端可视化应用或者单击一个已有移动端可视化...

MacBook用户编辑器卡顿问题

本文档为您介绍使用MacBook的用户打开DataV编辑页面之后使用卡顿,CPU占用率飙升问题的解决方法。问题现象 使用MacBook的用户打开DataV编辑页面之后使用卡顿,CPU占用率飙升。问题发生的场景如下:使用MacBook的用户,特别是Retina屏幕打开...

布局容器

移动编辑器布局容器面板,主要用于展示容器的种类和添加容器内容到流式布局画布中。本文主要介绍添加容器到流式布局画布中的操作。操作步骤 登录DataV控制台。在我的可视化页面,单击您创建的移动端可视化应用项目。如果页面中没有移动端...

基本概念

数据源 在使用DataV创建可视化应用,需要先指定原始数据所在的数据源。DataV支持多种类型的数据源:数据库类 文件类 API类 其他 如果您想了解如何添加数据源,请参见添加数据源。画布 画布也叫画布编辑器,是DataV最主要的功能区域。通过...

CanvasContext.transform

使用矩阵自由变换,矩阵由方法的参数进行描述。可以缩放、旋转、移动和倾斜上下文。入参Object 类型,属性如下:属性类型说明scaleXNumber水平缩放。skewXNumber水平倾斜。skewYNumber垂直倾斜。scaleYNumber垂直缩放。translateXNumber...

PC端画布编辑器概览

本文为您介绍PC端画布编辑器的结构和功能,帮助您快速使用PC端画布编辑器开发可视化应用项目。进入到PC端画布编辑页面后,您可以使用系统提供的画布配置和组件配置工具,管理画布和各个组件。图 1.画布编辑器页面概览 图 2.画布组件配置 ...

CanvasContext.setTextBaseline

入参 Object 类型,属性如下:属性类型可选值描述textBaselineString"top"、"hanging"、"middle"、"alphabetic"、"ideographic"、"bottom"Canvas 2D API 描述绘制文本,当前文本基线的属性。示例代码/.js const ctx=my....

如何实现定点彩蛋

本文为您介绍通过蓝图编辑器功能,使用定时器逻辑节点,实现单张图片组件的定点彩蛋展示方法。前提条件 准备好您的交互需求。本案例的交互需求为:当可视化应用中的定时器开始计时,并倒计时到某一定点时刻,单张图片彩蛋样式显示在可视化...

提交联系流改动

Canvas String 是 无 画布信息。ContactFlowVersionId String 是 fLXS_2CJPxot 版本ID。Content String 是 无 IVR内容。InstanceId String 是 ef1e71e9-ae9d-487c-96ad-9181d85cf802 呼叫中心实例ID。返回数据 名称 类型 示例值 描述 Code ...

CanvasContext.setTransform

使用单位矩阵重新设置(覆盖)当前的变换并调用变换的方法,此变换由方法的变量进行描述。入参 Object 类型,属性如下:属性类型说明scaleXNumber水平缩放。skewXNumber水平倾斜。skewYNumber垂直倾斜。scaleYNumber垂直缩放。...
< 1 2 3 4 ... 28 >
跳转至: GO

新品推荐

你可能感兴趣

热门推荐

新人福利专场 阿里云试用中心 企业支持计划 飞天会员助力企业低成本上云 智能财税30天免费试用 云解析DNS新用户首购低至36元/年起 ECS限时升级特惠6.5折