Canvas: 第37页

p5.js 视频播放指南

本文简介在刚接触p5.js时我以为这只是一个艺术方向的canvas库，没想到它还支持视频文件和视频流的播放。本文简单讲讲如何使用P5.js播放视频。

德育处主任Pro·2023-10-28 00:42

p5.js 渐变填充的实现方式

本文简介p5.js作为一款艺术类的canvas库，对颜色方面的支持是挺下功夫的，比如本文要介绍的渐变方法。lerpColor()要实现渐变效果，可以使用lerpColor()方法。

德育处主任Pro·2023-10-28 00:42

2020-06-22-Canvas笔记01-Canvas元素

canvas元素的大小与绘图表面的大小Canvas元素默认大小浏览器所创建的canvas元素，默认尺寸是300px*150px如何设置Canvas元素的大小可以在canvas元素节点属性中设置width

cherry_liulei·2023-10-27 23:09

饼状图

constchart=echarts.init(canvas,null,{width:width,height:height,devicePixelRatio:dpr//像素});canvas.setChart

wangtieshan·2023-10-27 21:04

unity android屏幕自适配,关于Unity中的UGUI的屏幕自适应（多分配率适配）

好了咱们废话不多说~想要明白UGUI的屏幕自适应(多分配率适配)首先你要明白：Canvas和锚点有什么区别？因为在进行适配的时候，

海盐冰梨·2023-10-27 21:01

Unity发布ios和Android包，UGUI，异形屏适配

水光涵月·2023-10-27 21:56

数据标注，优化模型辅助标注、Label 库管理｜ModelWhale 版本更新

ModelWhale主要进行了以下功能迭代：•优化模型辅助数据标注（专业版✓团队版✓）•新增数据标注Label库（专业版✓团队版✓）•新增组织门户精选内容（团队版✓）•新增数据元信息（团队版✓）•新增Canvas

ModelWhale·2023-10-27 19:26

模型服务文档自动生成，要素追溯关联、结构规范易读｜ModelWhale 版本更新

ModelWhale主要进行了以下功能迭代：•新增模型服务文档自动生成（专业版✓团队版✓）•优化Notebook及IDE环境镜像保存（专业版✓团队版✓）•数据集、模型大小限制上调至20G（专业版✓团队版✓）•新增Canvas

ModelWhale·2023-10-27 19:26

Canvas 低代码拖拽建模，支持离线任务｜ModelWhale 版本更新

将数据管理、建模分析、模型训练管理、算力资源管理等功能深度整合，通过逐级开放的数据基础设施、JupyterNotebook交互式、Canvas拖拽式、CloudIDE三种分析界面、即开即用的云端分析环境

ModelWhale·2023-10-27 19:25

提高数据研究效率，优化成果分享及复用｜ModelWhale 版本更新

本次更新中，ModelWhale主要进行了以下功能迭代：新增添加模型服务到知识库（专业版✓团队版✓）新增自动生成数据引用信息（基础版✓专业版✓团队版✓）新增Canvas官方组件复用（专业版✓团队版✓）新增关闭存储空间自主申请

ModelWhale·2023-10-27 19:23

前端访问geoserver服务发生跨域的解决办法，以及利用html2canvas下载绘制的地图

我的业务场景：需要利用html2canvas下载Openlayers绘制的地图。预期：可以下载成图片甚至其他格式（svg）文件。结果：下载下来是个空白图片。

ღ张明宇࿐·2023-10-27 15:25

python界面设计模块_Python中Tk模块简单窗口设计

fromPILimportImageTk,Imageytm=tkinter.Tk()#创建Tk对象ytm.title("test_tool")#设置窗口标题ytm.geometry("400x300")#设置窗口尺寸canvas

weixin_39861823·2023-10-27 14:48

H5canvas折线图的绘制

Titlecanvas{border:1pxsolid#ccc}varcas=document.querySelector("#c");varctx=cas.getContext("2d");varpadding

Ihavebeen·2023-10-27 13:39

HarmonyOS 自定义抽奖转盘开发（ArkTS）

包含如下功能：1.通过画布组件Canvas，画出抽奖圆形转盘。2.通过显式动画启动抽奖功能。3.通过自定义弹窗弹出抽中的奖品。

HarmonyOS开发者·2023-10-27 12:05

cesium初识 && canvas基础

canvas尝试复制下面这段代码到你的F12控制台constdiv=document.createElement('canvas');constctx=div.getContext('2d');ctx.fillStyle

依轩cc·2023-10-27 12:40

HTML绘制交互图,基于 HTML5 Canvas 的交互式地铁线路图

原标题：基于HTML5Canvas的交互式地铁线路图作者：xhload3dmy.oschina.net/xhload3d/blog/1629064摘要：感觉目前地铁上的地铁线路图也不是很人性化，很多交互方面没有考虑到用户的需求

杜浩明·2023-10-27 12:39

【黑科技】React-canvas助力HTML5

1、什么是流畅的用户体验？游戏的开发界有一个理论，就是当动画或者交互响应达到60FPS(60帧每秒)的时候，就可以定义为流畅，按此理论，那么每帧里所有操作必须在16ms完成。要想提高页面的用户体验，必须在性能上下功夫。最早做动画都是用setTimeout来实现的，而setTimeout的处理回调的时间精度都在16ms左右。所以，可以想象正常用页面这两个函数就已经16ms了，再加上reflow/re

weixin_34104341·2023-10-27 12:37

JavaScript 之 canvas（四）-- 绘制文字

基本概念在canvas中，为我们提供了一个非常方便的添加文字的方法，直接上w3school的文档说明：context.fillText(text,x,y,maxWidth);//text:规定在画布上输出的文本

小鹰丶·2023-10-27 12:27

canvas基础4 -- 图像

drawImagecontext.drawImage(image,dx,dy)dx,dy：图片左上角起始值图片大小默认为图片原有的尺寸图片超出canvas的部分会自动裁剪掉您的浏览器尚不支持canvasconstcanvas

沿着路走到底·2023-10-27 12:27

WebGL - 概述和 canvas 基础示例

1、webgl概述1、概述博客webgl示例大部分基于《webgl编程指南》一书而来，所以你也可以直接去看这本书，如果书中有些代码运行失败的话，再来看这个博客的webgl系列，或许对你有些帮助是一项用来在网页上绘制和渲染辅助三维图形，并允许用户交互的技术，它结合js和h5能更容易和直接的在互联网上展示产品和示例。开发者不需要具备C或者C++编程语言，仅仅需要会简单的HTML和JS脚本知识就可以上手

「已注销」·2023-10-27 12:56

d3 canvas_D3和Canvas分3个步骤

d3canvasbylarsverspohl由拉斯·韦斯波尔D3和Canvas分3个步骤(D3andCanvasin3steps)绑定，平局和互动(Thebind,thedrawandtheinteractivity

cumi6497·2023-10-27 12:55

canvas基础3 -- 交互

点击交互使用isPointInPath(x,y)判断鼠标点击位置在不在图形内Documentconstcanvas=document.getElementById('canvas')canvas.width

沿着路走到底·2023-10-27 11:49

HTML5教程

HTML5读书笔记jack2023.10.24来源：HTML5Canvas|菜鸟教程常识：HTML5是下一代HTML标准。

湾区人工智能·2023-10-27 10:10

html2canvas实现浏览器截图的原理（包含源码分析的通用方法）

DevUI是一支兼具设计视角和工程视角的团队，服务于华为云DevCloud平台和华为内部数个中后台系统，服务于设计师和前端工程师。官方网站：devui.designNg组件库：ng-devui（欢迎Star）官方交流：添加DevUI小助手（devui-official）DevUIHelper插件：DevUIHelper-LSP（欢迎Star）引言有时用户希望将我们的报表页面分享到其他的渠道，比如邮

Kagol·2023-10-27 09:28

Unity3D中的Rect Transform总结

RectTransform和CanvasRenderer是UI控件必须携带的组件。位置是以像素为单位，其具体的值则以锚点所在的位置为基准，表示与锚点的距离。

十豆三展·2023-10-27 07:26

Unity-Transform与RectTransform区别

UGUI下的canvas的2d对象，是RectTransform组件，3d空间是Transfrom组件。RectTransform是Transfrom的子类。

天添向上UT·2023-10-27 07:21

Unity UGUI RectTransform

Transform组件，且该组件无法移除，那么作为UI显示的GameObject则不是携带Transform而是使用Unity3D专门为UI组件设计的RectTransform组件，如下：另外说一下，CanvasRenderer

逍遥小道·2023-10-27 07:12

Unity学习笔记(08)：Rect Transform组件及实现不同尺寸分辨率的UI屏幕适配

Canvas节点的宽高是和屏幕一致的中心点在xy轴的中间RectTransform介绍UGUI的Image节点有RectTransform组件scale缩放position位置(注：相对于其父节点即Canvas

Piconjo_Official·2023-10-27 07:40

解决html2canvas.js和pdf.js导出页面问题

由于之前是做过类似的功能的借助了两个插件分别是html2canvas.js和pdf.js,本以为是非常顺利就能完成的，实际在使用过程中也还是出现了问题。

上善若水zyz601·2023-10-27 06:06

Turtle绘图

turtle绘图的基础知识1.画布(canvas)画布就是turtle为我们展开用于绘图区域，我们可以设置它的大小和初始位置。我们可以通过turtle.setup(width=0.

千禧龙华·2023-10-27 06:03

存在canvas.getContext(‘2d‘)是否存在canvas.getContext(‘3d‘)

画2D的图可以使用DOM的标签，示例：functiontest(){varcanvas=document.createElement('canvas');canvas.width=16;canvas.height

初生的太阳丶·2023-10-27 04:38

微信小程序头像标记

WeChatminiprogram_addLogo获取微信头像并给自己的头像上加上logo预览image.png页面主体获取用户信息按钮如果用户已授权显示canvas画布画布上的内容是底层为用户头像上层为

Icestains·2023-10-27 04:09

webgl速记之如何根据用户硬件进行性能模式OR质量模式的切换的设计思路

在不同的用户的机器上，会爆显存崩溃，我合成了几张巨大的纹理，一次上传，如果我分几个批次，就不会发生这个事情，然后性能就会相对下降那么要处理这种事情，该怎么办，想了想，干脆就根据硬件级别来切换shader效果varcanvas

DBBH·2023-10-27 04:26

tkiner-canvas显示图片

，只能打开gif图片importtkinterastkwindow=tk.Tk()window.title('test')#设置窗口名window.geometry('200x200')#设置窗口大小canvas

论一个测试的养成·2023-10-27 03:42

vue html2canvas + jspdf 实现清晰度分页不截断转pdf

importhtml2canvasfrom'html2canvas';importnewJsPDFfrom'jspdf'exportdefault{data(){return{dialogVisible

快乐的果哥·2023-10-27 03:48

Echarts实现多柱状图重叠重叠效果

z相比zlevel优先级更低，而且不会创建新的Canvas。(2)series.barGap不同系列的柱间距离，为百分比（如'30%'，表示柱子宽度的30%）。如果想要两个系列的柱子

起啥名呢啊·2023-10-27 03:42

fabric.js介绍

fabric.js是可以简化canvas编写的js库，提供canvas缺少的对象模型，包含动画、数据序列化和反序列化的等高级功能的js库，开源项目，在GitHub有很多人贡献。

KV_T·2023-10-27 02:02

谷歌来了也不好使！谁说Chrome插件v3中不能使用eval?

近期在做一个Chrome浏览器截图插件，功能是从浏览器截图并发送图片到企微，便于在远程办公环境下快速从浏览器发送图片进行showCase（目前未真正使用上，原因是截图时html2canvas有错位）在开发浏览器插件时

源心锁·2023-10-27 02:43

Android View拖拽/拖放DragAndDrop自定义View.DragShadowBuilder，Kotlin（2）

AndroidView拖拽/拖放DragAndDrop自定义View.DragShadowBuilder，Kotlin（2）importandroid.graphics.Canvasimportandroid.graphics.Pointimportandroid.graphics.drawable.ColorDrawableimportandroid.os.Bundleimportandroid

zhangphil·2023-10-27 00:33

Android拖放startDragAndDrop拖拽onDrawShadow动态添加View，Kotlin（3）

startDragAndDrop拖拽onDrawShadow动态添加View，Kotlin（3）importandroid.content.ClipDataimportandroid.graphics.Canvasimportandroid.graphics.Pointimportandroid.os.Bundleimportandroid.util.Logimportandro

zhangphil·2023-10-27 00:27

前端html+css+js实现的2048小游戏，很完善。

源码下载地址支持：远程部署/安装/调试、讲解、二次开发/修改/定制逻辑用的是JavaScript，界面用canvas实现，暂时还没有添加动画。视频浏览地址

一个欧维·2023-10-26 23:56

HTML+JAVASCRIPT+CSS实现黑客背景流体字

完整代码流体字html,body{height:100%;padding:0;margin:0;background:#000000;}canvas{position:absolute;height:100%

水果工作站·2023-10-26 23:19

HTML+JAVASCRIPT+CSS实现爱心与流体字动态背景图

完整代码爱心流体字html,body{height:100%;padding:0;margin:0;background:#000;}canvas{position:absolute;width:100%

水果工作站·2023-10-26 23:19

HTML+JAVASCRIPT+CSS实现动态彩色爱心

完整代码彩色爱心html,body{height:100%;padding:0;margin:0;background:#000;}canvas{position:absolute;width:100%

水果工作站·2023-10-26 23:49

canvas常用方法，canvas绘制时钟案例

时钟案例实现Titlebody{padding:0;margin:0;background-color:rgba(0,0,0,0.1)}canvas{display:block;margin:200pxauto

heiyay·2023-10-26 23:09

p5.js 变换操作

本文简介带尬猴，我嗨德育处主任在canvas里，变换是基础功能。很多基于canvas封装的库都有这功能，比如《Fabric.js变换视窗》。

德育处主任Pro·2023-10-26 22:23

【html】图片多矩形框裁剪

代码图片裁剪YourbrowserdoesnotsupporttheHTML5canvastag.letcanvas=document.getElementById("myCanvas");letctx

比嗨皮兔·2023-10-26 21:47

【three.js 第一课】创建场景，显示几何体

demo1body{margin:0;}canvas{width:100%;height:100%;}varscene=newTHREE.Scene();//创建场景//创建一个摄像机对象varcamera

小张帅三代·2023-10-26 20:06

安卓 View 开发绘制尺子

上图：Layout:MyView：尺子Viewimportandroid.content.Context;importandroid.graphics.Canvas;importandroid.graphics.Color

谈情不如逗狗.·2023-10-26 20:52

html2pdf

页面布局时将需要保存在同一页pdf的dom元素用div包裹，并为该div添加class类名，例如.convertPDF，如果有多页创建多个.convertPDF这个div，再循环保存pdf即可用到了html2canvas

乌贼さま·2023-10-26 19:01

推荐频道

Canvas: