最新项目中有个功能需要生成图片,这个功能其实很常见,但是在抖音小程序实现这个功能还是第一次,记录一下解决过程。# 一、常用的API在抖音小程序中生成图片的过程中,你可以使用 Canvas 组件的相关 API 来绘制和... 然后通过 `toTempFilePath` 方法将 Canvas 内容导出为临时文件路径,即生成了一张图片。在使用 Canvas 组件的过程中,可能还会涉及到其他 API 和操作,例如设置线条样式、绘制图形等。可以根据具体需求和开发文档,选...
Canvas 实现滚动条,节点文字标签混排很复杂,要达到 HTML 的美观度需要大量调试,后续迭代要新增属性标签,进行流式布局会很头痛。开放组件给别的产品复用也有很大的定制成本。而这些问题使用 React 框架渲染就可以轻... 我们从上图可以看到在单层节点很多的情况下,主节点与不可见节点的连线可见,但是没有任何价值,只是加重了用户对当前节点连线查看的负担。因此我们对线条也进行了渲染优化,仅当一条连线两端的节点都在可见范围中时才...
Canvas 实现滚动条,节点文字标签混排很复杂,要达到 HTML 的美观度需要大量调试,后续迭代要新增属性标签,进行流式布局会很头痛。开放组件给别的产品复用也有很大的定制成本。而这些问题使用 React 框架渲染就可以... 我们从上图可以看到在单层节点很多的情况下,主节点与不可见节点的连线可见,但是没有任何价值,只是加重了用户对当前节点连线查看的负担。因此我们对线条也进行了渲染优化,仅当一条连线两端的节点都在可见范围中时才...
大约有一半都是今年校招刚刚加入的新人,修复这些老动画也是修复他们的童年记忆。\项目组工程团队的戈岭说,小时候父母给自己买的第一部动画片光碟就是葫芦娃,这部片子陪伴了他很久,如今再次着手《葫芦兄弟》的修复工作,心里满满都是童年回忆。回忆固然美好,真正的修复工作却十分困难。\每部动画片的状况不一样,有的保存在胶片上,年代久远有不少划痕和粘连导致的破损;有的虽然保存成了数字格式,但放大后线条的锯齿非常严重;有...
Canvas 开启/关闭本地音频采集 startAudioCapture 开启/关闭本地视频采集 stopAudioCapture 设置本地视频渲染 setLocalVideoCanvas 加入RTC房间 joinRoom 切换摄像头 switchCamera 离开房间 leaveRoom 销毁引擎实例... 线条宽度 setShapeSize 设置形状颜色 setShapeColor 获取当前页面信息 getCurrentPageIndex 新建多个白板页 createPages 获取白板总页数 getPageCount 撤销本端对白板的编辑操作 undo 重做本端对白板的编辑操作 re...
Canvas 开启/关闭本地音频采集 startAudioCapture 开启/关闭本地视频采集 stopAudioCapture 设置本地视频渲染 setLocalVideoCanvas 加入RTC房间 joinRoom 切换摄像头 switchCamera 离开房间 leaveRoom 销毁引擎实例... 线条宽度 setShapeSize 设置形状颜色 setShapeColor 获取当前页面信息 getCurrentPageIndex 新建多个白板页 createPages 获取白板总页数 getPageCount 撤销本端对白板的编辑操作 undo 重做本端对白板的编辑操作 re...
详见云端录制 核心功能对应API实时音视频互动功能点 API 创建 RTCEngine 实例 createRTCVideo:delegate:parameters: 设置远端视频渲染视图 setRemoteVideoCanvas:withCanvas: 开启/关闭本地音频采集 startAudioCap... 线条宽度 setShapeSize: 设置形状颜色 setShapeColor: 获取当前页面信息 getCurrentPageIndex: 新建多个白板页 createPages:index:isAutoFlip: 获取白板总页数 getPagesCount: 撤销本端对白板的编辑操作 undo 重做...
详见云端录制 实时音视频互动功能点 API 创建 RTCEngine 实例 createRTCVideo:delegate:parameters: 设置远端视频渲染视图 setRemoteVideoCanvas:withCanvas: 开启/关闭本地音频采集 startAudioCapture 开启/关闭本... 线条宽度 setShapeSize: 设置形状颜色 setShapeColor: 获取当前页面信息 getCurrentPageIndex: 新建多个白板页 createPages:index:isAutoFlip: 获取白板总页数 getPagesCount: 撤销本端对白板的编辑操作 undo 重做...
可以展示或收起左侧白板列表。您可以在左侧白板列表中预览或选中指定白板页。 2 上一步 单击上一步图标,可以切换到上一页白板。 3 下一步 单击下一步图标,可以切换到下一页白板。 4 鼠标移动 单击鼠标移动图标,可以对中央预览区域中包括白板的所有直播素材进行层级调整、位置拖动等操作。 5 画笔 单击画笔图标,可以在白板中绘制出任意形状的线条。您可以按需修改画笔的粗细。 6 文字 单击文字图标,可以在白板内添...
Canvas 开启/关闭本地音频采集 startAudioCapture 开启/关闭本地视频采集 startVideoCapture 设置本地视频渲染 setLocalVideoCanvas 加入RTC房间 joinRoom 切换摄像头 switchCamera 离开房间 leaveRoom 销毁引擎实... 线条宽度 setShapeSize 设置形状颜色 setShapeColor 获取当前页面信息 getCurrentPageIndex 新建多个白板页 createPages 获取白板总页数 getPageCount 撤销本端对白板的编辑操作 undo 重做本端对白板的编辑操作 re...
流线线条的粗细反映了流量的大小,流量即可视化查询的指标。 2.快速入门 (1)选择组件-图表中的桑基图,双击或拖拽到画布上以新增该组件,数字大屏画布中心将出现一个桑基图组件。(2)在底部查询栏中的数据可视化中选... 在大屏编辑画布上拖动桑基图调整位置,缩放桑基图调整大小。 3.功能介绍 3.1 样式-整体视觉3.1.1 颜色点击颜色区域的颜色圈呼出取色器,在取色器中点选希望使用的色彩,从而改变桑基图的色彩表现。同时,可以点击色盘右...
3.3 轴标签配置设置维度为轴标签设置指标为轴标签 3.4 编辑颜色可以对不同的指标配置不同的颜色,同时有多种内置配色方案 也可以支持自定义配色方案 3.5 线条样式线型 :可以设置线条的粗细,以及实线、虚线、点线;标... 维度和指标可以设置特殊值显示为空白/NULL/0/-- 的样式 折线可以设置特殊值显示为在空值处取 0/在空值处折线连接 3.7 轴数轴范围:自动或指定范围轴标签:开启或关闭轴标签轴线、网格线:可调整轴线和网格线的显示样...
可以展示或收起左侧文件列表。 3 上一步 单击上一步图标,可以切换到上一页云端文档或上一个动画。 4 下一步 单击下一步图标,可以切换到下一页云端文档或下一个动画。 5 鼠标移动 单击鼠标移动图标,可以对直播画布中包括云端文档的所有直播素材进行层级调整、位置拖动等操作。 6 画笔 单击画笔图标,可以在云端文档中绘制出任意形状的线条。您可以按需修改画笔的粗细。 7 文字 单击文字图标,可以在云端文档内添加文...