Canvas:

使用react-three-fiber加载glb格式3D文件，并播放3D模型自带动画

二、安装npminstallthree@react-three/fiber三、基础语法1、创建场景import{Canvas}from'@react-three/fiber
qianlingvip·2023-10-03 00:17

原生微信小程序使用u-charts（组件版）折线图示例

一、写在前面之前一直使用的都是wx-charts，链接：xiaolin3303/wx-charts:微信小程序图表charts组件，但是这个库已经五六年没有维护了，经常出现canvas层级过高弹窗无法覆盖等问题
l煎饼果子·2023-10-03 00:44

WebGL-学习笔记（三）

利用步进和偏移拆分缓冲区数据利用缓冲区可以一次存储点的多个信息，继续利用这一特性，并在利用vertexAttribPointer()函数的时候，利用上stride和offset两个参数：functionmain(){constcanvas
Patrick浩·2023-10-02 19:29

HMTL知识点系列（5）

3.HTML5中Canvas的API是什么？你如何使用它来创建复杂的图形和动画？4.什么是ServiceWorker，它与HTML和Web开发有何关系？5.你如何理解HTML中的盒模型和布局？
云边散步·2023-10-02 17:38

pycharm中MatplotlibDeprecationWarning: Support for FigureCanvases without a required_interactive_fram

MatplotlibDeprecationWarning:SupportforFigureCanvaseswithoutarequired_interactive_frameworkattributewasdeprecatedinMatplotlib3.6andwillberemovedtwominorreleaseslater.plt.xlabel
喝凉白开都长肉的大胖子·2023-10-02 12:06

20181105 贝塞尔曲线绘制

公式B(t)=(1-t)^2*P0+2*t*(1-t)P1+t^2*P2;t∈[0,1]//P0:startPoint,P1:controlPoint,P2:endPointletfactory=newCanvasCtx
Aaron_Alphabet·2023-10-02 07:49

canvas 实现橡皮擦

canvas实现橡皮擦acanvas*{box-sizing:border-box;margin:0;}#canvas{box-shadow:0001pxtomato;padding:0px;transform
康乐芳华·2023-10-02 06:42

升级版ThreeJS 3D粒子波浪动画

效果图升级版demo2：改变粒子的形状demo2升级版demo1：改变粒子大小，颜色demo1ThreeJS官方示例：https://threejs.org/examples/#canvas_particles_wavesThreeJS
Evelynzzz·2023-10-02 03:36

【Unity3D】UGUI物体世界坐标转屏幕坐标问题

如题：UGUI物体世界坐标转屏幕坐标问题，获取UI(UGUI)屏幕坐标问题等相关问题思路：必须使用Canvas身上的Camera，进行Camera.WorldToScreenPoint(UI物体的世界坐标
两水先木示·2023-10-01 21:27

canvas.toDataURL() Security Error The operation is insecure

//Webkitwillthrowsecurityerrorwhenimageusedoncanvasandcanvas.toDataUrl()returnnewPromise((resolve,reject
Roct·2023-10-01 20:37

Canvas<404弹幕页面效果>

效果图：20200319.gif参数配置：background:rgb(0,0,0);//背景色vartext_arr=['page','NotFound','404','找不到页面'];//显示文字vartext_num=50;//页面要显示的文字个数varword_arr=[];//储存文字坐标等属性的数组vartxt_min_size=10;//文字最小大小vartxt_max_size=5
誰在花里胡哨·2023-10-01 14:27

nuiapp保存canvas绘图

要保存一个Canvas绘图，可以使用以下步骤：获取Canvas元素和其绘图上下文：varcanvas=document.getElementById("myCanvas");varctx=canvas.getContext
&ACE&·2023-10-01 13:51

Element-ui CDN方式实现的HTML通过html2canvas生成支持长网页PDF

近期项目上用到了PDF生成，网上找了找全是通过html2canvas去生成，但是大部分文档都不支持长网页，折腾了几天，终于找到了解决办法，话不多说，直接上代码！
仇仇趣生活·2023-10-01 11:48

java语言实现视频音频采集_详解js的视频和音频采集

或者说我想把我canvas画板的内容录制成一个视频，这些看似js应该做不到的事情，其实都是可以做到的，不过兼容性不好。我在这里都是以chrome浏览器举的例子。
weixin_39770821·2023-10-01 11:36

【第二届青训营-寒假前端场】- 「WebGL基础」笔记

其他方式canvas2DMesh.jsEarcut3
余cos·2023-10-01 06:10

JS笔记：15、16、17章 Canvas、HTML5编程、错误处理

第15章使用Canvas绘图不用说，HTML5添加的最受欢迎的功能就是元素。这个元素负责在页面中设定一个区域，然后就可以通过JavaScript动态地在这个区域中绘制图形。
Gyoung阿广·2023-10-01 06:10

JavaScript笔记：使用canvas绘图

不用说，HTML5添加的最受欢迎的功能就是canvas元素。这个元素负责在页面中设定一个区域，然后就可以通过JavaScript动态地在这个区域中绘制图形。
玉儿Qi·2023-10-01 06:10

北京互联网公司、外企、国企大盘点

综合类字节跳动美团百度阿里巴巴腾讯网易外企类微软谷歌亚马逊PaypelCanvaShopeeAirbnbIBM苹果三星戴尔宝马印象笔记思科联发科爱立信GrabFreewheel特斯拉Oracle领英Coupang
CUG-GZ·2023-10-01 06:03

2022-06-30 python pysimplegui matplotlib

pysimplegui画gui,然后在此基础上画上matplot的动图先画个windowwindow=sg.Window('autoTest',layout=layout,finalize=True)再画个canvaslayout
Super7·2023-10-01 02:58

关于Allegro17.4 3d模型大小不匹配问题解决

文章目录问题概述问题原因解决办法问题概述Allegro17.4版本采用3DCanvas工具进行3D模型的映射，映射后，无需保存任何映射文件，只要指定好step文件路径，即可将模型映射信息保存在pcb封装文件中
Coder-hong·2023-09-30 20:25

HTML5高级部分

目录一、拖拽API1.1拖拽元素1.2监听事件1.3dataTransfer传递数据二、媒体API2.1常用监听事件2.2常用API三、画布API3.1canvas标签3.2创建canvas对象3.3常用
蓝朽·2023-09-30 18:56

1.绘制一个点

1.知识点1.1.画布Canvas对象是在网页中的画布对象，具有2D和3D绘图功能。
就是那个帕吉·2023-09-30 17:09

2019-07-23

等在此就不解释了步骤：1.将我们需要的图片调用getImageInfo转成微信格式的url，获取到对应的url将网络路径的图片转成微信的url2.创建画板（如需隐藏画板推荐使用css3属性去隐藏）小程序原生组件canvastransform
JC_yang·2023-09-30 14:43

HMTL知识点系列（3）

4.什么是HTML5的canvas元素，你如何使用它来创建图形？5.描述一下HTML5的Web存储API，以及如何使用它来在浏览器中存储数据？
云边散步·2023-09-30 08:44

Cesium 合并多张图像方法

针对前端合并多张图片的情况大概分为2种方法：1、第一种方法，下载多张图片后，将多张图片绘制到一个canvas中，并记录每个区域的大小和范围，同时还要记录空闲空间，缺点是维护繁琐，同时会产生空闲空间碎片，
tianyapai·2023-09-30 08:00

uniapp 实现生成海报并分享给微信好友和保存到本地相册

记录uniapp生成二维码海报并保存到本地或者分享给微信好友–文章目录记录uniapp生成二维码海报并保存到本地或者分享给微信好友前言一、引入生成二维码的组件二、点击右侧的分享图标生成海报三：将canvas
搞不动的前端·2023-09-30 05:58

进阶版(更好看) 使用uniapp生成带有商品信息的二维码和信息的海报，支持分享和下载

一、效果图如下二、使用步骤具体的步骤在这里也不再叙述了，核心就是用canvas画图总结如需完整的demo,请联系[email protected]小插曲：【淘宝】https://m.tb.cn/h.53J78Fw
搞不动的前端·2023-09-30 05:58

【uni-app】uni-app实现手写签名效果：

exportdefault{data(){return{ctx:'',//绘图图像points:[],//路径点集合signature:'',//签名后台图片地址}},onLoad(){this.createCanvas
Sun Peng·2023-09-30 03:29

uni-app：实现页面效果2（canvas绘制，根据页面宽度调整元素位置）

firstCanvas'是一个指定的画布标识
雯0609~·2023-09-30 03:28

python简易版的飞机大战

importpygamefrompygame.localsimport*importtimeimportrandomimportsys#初始化pygamepygame.init()#创建一个宽480高650的一个画布canvascanvas
Gjanuary·2023-09-30 01:36

微信小程序--canvas画布实现图片的编辑

概述上传图片，编辑图片大小，添加文字，改变文字颜色等详细概述微信小程序--canvas画布实现图片的编辑详细一、前期准备工作软件环境：微信开发者工具官方下载地址：微信开发者工具下载地址与更新日志|微信开放文档
西安未央·2023-09-30 00:35

200行代码实现canvas九宫格密码锁

今天我们用canvas来写一个九宫格手势密码锁，大概就是下面这样。
xintianyou丶·2023-09-30 00:32

公司内部技术分享，我写了一个五子棋

在线体验地址和github源码见文末思路(步骤)技术选型：页面使用canvas渲染确定画布和棋盘大小绘制棋盘网格找到所有的棋子落点（网格线条交叉点坐标）监听点击事件，判断落子位置，在交
xintianyou丶·2023-09-30 00:01

canvas的一次拖拽和缩放，发现， 在快速或者足够多的操作之后，内存会逐渐上升，导致浏览器卡死，经过查找相关资料，发现了几个优化的点，这里作为记录。

1批量绘制图形，一次性渲染2采用离线缓存处理canvas，显著提升性能3大尺寸的canvas可以转换成图片显示，以保证交互操作的流畅4使用requestAnimationFrame，传统的以固定频率命令浏览器进行渲染不同
跟着老王学前端·2023-09-29 23:04

Web前端学习笔记——Canvas 02

三、canvas进阶3.1Canvas颜色样式和阴影3.1.1设置填充和描边的颜色（掌握）fillStyle:设置或返回用于填充绘画的颜色strokeStyle:设置或返回用于笔触的颜色以上两个值都可以接受颜色名
唯恋殊雨·2023-09-29 23:03

Canvas学习笔记

什么是canvas？（了解）是HTML5提供的一种新标签 英 ['kænvəs]  美 ['kænvəs]  帆布画布Canvas是一个矩形区域的画布，可以用JavaScript在上面绘画。
寒蝉的小聒噪·2023-09-29 23:32

如何在 Canvas 上实现图形拾取？

大家好，我是前端西瓜哥，今天来和大家说说canvas怎么做图形拾取。图形拾取，指的是用户通过鼠标或手指在图形界面上能选中图形的能力。图形拾取技术是之后的高亮图形、拖拽图形、点击触发事件的基础。
前端西瓜哥·2023-09-29 23:01

KonvaJS 原理解析

前言用过Canvas的都知道它的API比较多，使用起来也很麻烦，比如我想绘制一个圆形就要调一堆API，对开发算不上友好。
gIoryyin·2023-09-29 23:01

canvas简介

一、canvas简介1.1什么是canvas？
daxiangya6845·2023-09-29 23:31

vue pc端/手机移动端 — 下载导出当前表格页面pdf格式

pc端做过预览打印的功能，使用的是print.js之类的方法让当前页面直接唤起打印机的打印预览功能，但是手机端这种方式不太友好，所以采用如下方式实现：1.将要打印的页面转换成图片（用到的组件html2canvas
Lemon今天学习了吗·2023-09-29 23:25

Flutter 打包 Web 指定渲染器

--web-renderer可选参数值为auto、html或canvaskit。auto（默认）-自动选择渲染器。移动端浏览器选择HTML，桌面端浏览器选择CanvasKit。
Wuthier·2023-09-29 23:10

uni-app：canvas-绘制图形4（获取画布宽高，根据画布宽高进行图形绘制）

效果代码varwidth='';varheight='';constquery=uni.createSelectorQuery();//获取宽度query.select('#firstCanvas').
雯0609~·2023-09-29 21:06

UGUI射线检测

1.GraphicRaycaster主要用于UI上的射线检测，挂有这个组件的物体，必须要挂上Canvas这个组件(当挂上GraphicRaycaster时Canvas也会自动挂上)。
混世小码农·2023-09-29 21:29

[H5动画制作系列] 路径引导动画 Demo

代码参考1：路径引导动画Demo1varstage;functioninit(){stage=newcreatejs.Stage("canvas");createjs.Ticker.addEventListener
gCode Teacher 格码致知·2023-09-29 20:15

vue2人脸检测录入

1.自行去下载tracking.jsnpminstalltracking2.三个canvas，一个显示完整摄像头，一个在摄像头上显示人脸矩形框，一个截取人脸（提醒大家一下，如果你选择localhost运行预览是不会报错的
晓小邰·2023-09-29 18:58

【Html5+CSS3 】2.6 初识CANVAS

6、初识CANVASHTML5标签用于绘制图像（通过脚本，通常是JavaScript）元素本身并没有绘制能力（它仅仅是图形的容器）-必须使用脚本来完成实际的绘图任务getContext()方法可返回一个对象
子午禾苇·2023-09-29 15:24

canvas 渲染网页中可显示的图片跨域

timestamp=${+newDate()}`;//谷歌浏览器下可能会用缓存，避免用缓存增加时间戳防止提示跨域img.onload=function(){letcanvas=document.createElement
熊熊_61c1·2023-09-29 15:22

web/html5。 Vue识别二维码进行跳转

我也是第一次做html5调用摄像头识别二维码这种,那就废话不多说开始吧经过各种查阅发现了一个纯前端的解析二维码的一个依赖jsqr,感谢jsqr的支持.这个是直接在canvas中画出的摄像头video,因为我没有查到如何直接封装拍照
Smith_Frank·2023-09-29 12:38

JavaScript命名标识符规范，架构师必备！

面试题：Html1，html语义化2，metaviewport相关3，canvas相关CSS1，盒模型1.1，ie盒模型算上border、padding及自身（不算margin），标准的只算上自身窗体的大小
m0_60298616·2023-09-29 11:19

.net 后端生成海报

以前项目中生成海报都是前端生成（html2canvas）但由于前端生成有各种各样的限制如图片跨域，浏览器兼容等问题。老板就想网站中生成海报用回服务端生成海报的方式。
进阶中的小檀·2023-09-29 10:11
上一页 47 48 49 50 51 52 53 54 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他