E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
canvas剪裁
WebGL - 概述和
canvas
基础示例
1、webgl概述1、概述博客webgl示例大部分基于《webgl编程指南》一书而来,所以你也可以直接去看这本书,如果书中有些代码运行失败的话,再来看这个博客的webgl系列,或许对你有些帮助是一项用来在网页上绘制和渲染辅助三维图形,并允许用户交互的技术,它结合js和h5能更容易和直接的在互联网上展示产品和示例。开发者不需要具备C或者C++编程语言,仅仅需要会简单的HTML和JS脚本知识就可以上手
「已注销」
·
2023-10-27 12:56
webgl
d3
canvas
_D3和
Canvas
分3个步骤
d3
canvas
bylarsverspohl由拉斯·韦斯波尔D3和
Canvas
分3个步骤(D3and
Canvas
in3steps)绑定,平局和互动(Thebind,thedrawandtheinteractivity
cumi6497
·
2023-10-27 12:55
python
java
面试
js
javascript
ViewUI
canvas
基础3 -- 交互
点击交互使用isPointInPath(x,y)判断鼠标点击位置在不在图形内Documentconst
canvas
=document.getElementById('
canvas
')
canvas
.width
沿着路走到底
·
2023-10-27 11:49
可视化
交互
javascript
开发语言
HTML5教程
HTML5读书笔记jack2023.10.24来源:HTML5
Canvas
|菜鸟教程常识:HTML5是下一代HTML标准。
湾区人工智能
·
2023-10-27 10:10
html5
前端
html
html2
canvas
实现浏览器截图的原理(包含源码分析的通用方法)
DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。官方网站:devui.designNg组件库:ng-devui(欢迎Star)官方交流:添加DevUI小助手(devui-official)DevUIHelper插件:DevUIHelper-LSP(欢迎Star)引言有时用户希望将我们的报表页面分享到其他的渠道,比如邮
Kagol
·
2023-10-27 09:28
前端
JavaScript
html2canvas
前端
javascript
canvas
Unity3D中的Rect Transform总结
RectTransform和
Canvas
Renderer是UI控件必须携带的组件。位置是以像素为单位,其具体的值则以锚点所在的位置为基准,表示与锚点的距离。
十豆三展
·
2023-10-27 07:26
Unity
3D
Unity-Transform与RectTransform区别
UGUI下的
canvas
的2d对象,是RectTransform组件,3d空间是Transfrom组件。RectTransform是Transfrom的子类。
天添向上UT
·
2023-10-27 07:21
c#
visualstudio
Unity UGUI RectTransform
Transform组件,且该组件无法移除,那么作为UI显示的GameObject则不是携带Transform而是使用Unity3D专门为UI组件设计的RectTransform组件,如下:另外说一下,
Canvas
Renderer
逍遥小道
·
2023-10-27 07:12
Unity
Unity
Unity学习笔记(08):Rect Transform组件及实现不同尺寸分辨率的UI屏幕适配
Canvas
节点的宽高是和屏幕一致的中心点在xy轴的中间RectTransform介绍UGUI的Image节点有RectTransform组件scale缩放position位置(注:相对于其父节点即
Canvas
Piconjo_Official
·
2023-10-27 07:40
Unity
canvas
unity
unity3d
解决html2
canvas
.js和pdf.js导出页面问题
由于之前是做过类似的功能的借助了两个插件分别是html2
canvas
.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(){var
canvas
=document.createElement('
canvas
');
canvas
.width=16;
canvas
.height
初生的太阳丶
·
2023-10-27 04:38
js
前端技术
html
html5
webgl
js
canvas
微信小程序头像标记
WeChatminiprogram_addLogo获取微信头像并给自己的头像上加上logo预览image.png页面主体获取用户信息按钮如果用户已授权显示
canvas
画布画布上的内容是底层为用户头像上层为
Icestains
·
2023-10-27 04:09
webgl速记之如何根据用户硬件进行性能模式OR质量模式的切换的设计思路
在不同的用户的机器上,会爆显存崩溃,我合成了几张巨大的纹理,一次上传,如果我分几个批次,就不会发生这个事情,然后性能就会相对下降那么要处理这种事情,该怎么办,想了想,干脆就根据硬件级别来切换shader效果var
canvas
DBBH
·
2023-10-27 04:26
图形学
1024程序员节
webgl
图形渲染
tkiner-
canvas
显示图片
,只能打开gif图片importtkinterastkwindow=tk.Tk()window.title('test')#设置窗口名window.geometry('200x200')#设置窗口大小
canvas
论一个测试的养成
·
2023-10-27 03:42
tkiner
python
vue html2
canvas
+ jspdf 实现 清晰度 分页不截断 转pdf
importhtml2
canvas
from'html2
canvas
';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
echarts
echarts
前端
javascript
fabric.js介绍
fabric.js是可以简化
canvas
编写的js库,提供
canvas
缺少的对象模型,包含动画、数据序列化和反序列化的等高级功能的js库,开源项目,在GitHub有很多人贡献。
KV_T
·
2023-10-27 02:02
记录
fabric
javascript
谷歌来了也不好使!谁说Chrome插件v3中不能使用eval?
近期在做一个Chrome浏览器截图插件,功能是从浏览器截图并发送图片到企微,便于在远程办公环境下快速从浏览器发送图片进行showCase(目前未真正使用上,原因是截图时html2
canvas
有错位)在开发浏览器插件时
源心锁
·
2023-10-27 02:43
前端
chrome
前端
javascript
chrome
devtools
Python OpenCV
剪裁
图片并修改对应的Labelme标注文件
PythonOpenCV
剪裁
图片并修改对应的Labelme标注文件前言前提条件相关介绍实验环境
剪裁
图片并修改对应的Labelme标注文件代码实现前言由于本人水平有限,难免出现错漏,敬请批评改正。
FriendshipT
·
2023-10-27 01:27
Python日常小操作
python
opencv
开发语言
目标检测
YOLO
【糖果成长日记】之《创造力:自然与艺术——高浓度孺养自我价值感的一天》
糖果人儿手作《立体贺卡》直接上作品吧,看看是不是很赞,糖果人儿已经可以独立熟练地使用剪刀了,这棵圣诞树从创意、绘画、
剪裁
是糖果人儿独立完成制作的,上面的拐杖糖都是她的最爱。看到一张立体贺卡完成,糖果
益琪情感
·
2023-10-27 01:40
Android View拖拽/拖放DragAndDrop自定义View.DragShadowBuilder,Kotlin(2)
AndroidView拖拽/拖放DragAndDrop自定义View.DragShadowBuilder,Kotlin(2)importandroid.graphics.
Canvas
importandroid.graphics.Pointimportandroid.graphics.drawable.ColorDrawableimportandroid.os.Bundleimportandroid
zhangphil
·
2023-10-27 00:33
kotlin
Android
android
kotlin
1024程序员节
Android拖放startDragAndDrop拖拽onDrawShadow动态添加View,Kotlin(3)
startDragAndDrop拖拽onDrawShadow动态添加View,Kotlin(3)importandroid.content.ClipDataimportandroid.graphics.
Canvas
importandroid.graphics.Pointimportandroid.os.Bundleimportandroid.util.Logimportandro
zhangphil
·
2023-10-27 00:27
Android
kotlin
android
kotlin
前端html+css+js实现的2048小游戏,很完善。
源码下载地址支持:远程部署/安装/调试、讲解、二次开发/修改/定制逻辑用的是JavaScript,界面用
canvas
实现,暂时还没有添加动画。视频浏览地址
一个欧维
·
2023-10-26 23:56
源码列表
前端
html
css
HTML+JAVASCRIPT+CSS实现黑客背景流体字
完整代码流体字html,body{height:100%;padding:0;margin:0;background:#000000;}
canvas
{position:absolute;height:100%
水果工作站
·
2023-10-26 23:19
HTML语言
html
javascript
css
HTML+JAVASCRIPT+CSS实现爱心与流体字动态背景图
完整代码爱心流体字html,body{height:100%;padding:0;margin:0;background:#000;}
canvas
{position:absolute;width:100%
水果工作站
·
2023-10-26 23:19
HTML语言
html
javascript
css
HTML+JAVASCRIPT+CSS实现动态彩色爱心
完整代码彩色爱心html,body{height:100%;padding:0;margin:0;background:#000;}
canvas
{position:absolute;width:100%
水果工作站
·
2023-10-26 23:49
HTML语言
html
javascript
css
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
canvas
前端
p5.js 变换操作
本文简介带尬猴,我嗨德育处主任在
canvas
里,变换是基础功能。很多基于
canvas
封装的库都有这功能,比如《Fabric.js变换视窗》。
德育处主任Pro
·
2023-10-26 22:23
前端
【html】图片多矩形框裁剪
代码图片裁剪YourbrowserdoesnotsupporttheHTML5
canvas
tag.let
canvas
=document.getElementById("my
Canvas
");letctx
比嗨皮兔
·
2023-10-26 21:47
前端
html
前端
【three.js 第一课】创建场景,显示几何体
demo1body{margin:0;}
canvas
{width:100%;height:100%;}varscene=newTHREE.Scene();//创建场景//创建一个摄像机对象varcamera
小张帅三代
·
2023-10-26 20:06
#
JS
张小三
webGL
three.js
3D
安卓 View 开发 绘制尺子
上图:Layout:MyView:尺子Viewimportandroid.content.Context;importandroid.graphics.
Canvas
;importandroid.graphics.Color
谈情不如逗狗.
·
2023-10-26 20:52
安卓
kotlin
android基础
android
android
studio
java
html2pdf
页面布局时将需要保存在同一页pdf的dom元素用div包裹,并为该div添加class类名,例如.convertPDF,如果有多页创建多个.convertPDF这个div,再循环保存pdf即可用到了html2
canvas
乌贼さま
·
2023-10-26 19:01
javascript
东坡词何以如此打动我们的心灵?
于词“豪放,不喜
剪裁
以就声律”,题材丰富,意境开阔,突破晚唐五代和宋初以来“词为艳科”的传统樊篱,以诗为词,开创豪放清旷一派,对后世产生巨大影响。存词三百七十八首。
爱书的老黑
·
2023-10-26 18:51
canvas
图片转数据流失败
本来的做法是在前台用
canvas
将图片转换成数据流,用ajax传到后台进行识别。
专注debug的
·
2023-10-26 17:18
Stable Diffusion WebUI扩展
canvas
-zoom详细讲解
canvas
-zoom这是什么?这是一个针对画布做一些操作的工具,比如缩放等。下面来详细说一下这些操作的热键。
星辰同学wwq
·
2023-10-26 16:11
Stable
Diffusion
WebUI
stable
diffusion
npm安装报错: errno ETIMEDOUT network request toXXX failed, reason: connect ETIMEDOUT
npminstall--savehtml2
canvas
今天执行这段安装报错:npmWARNusing--forceIsurehopeyouknowwhatyouaredoing.npmERR!
韦禾水
·
2023-10-26 13:20
npm
javascript
前端
寻
错误地做了世界上的一粒纽扣世界光着身子找不到它的制服我们找不到扣眼留下的只是针脚布满
剪裁
漂漂亮亮的土地整匹整匹的高档衣料正在行走我们没有留下足迹
文字文学文化
·
2023-10-26 13:47
echarts-for-react源码略读
从与原生初始化对比开始原生ECharts中我们会通过如下代码初始化图表实例那么生成的HTMLElement结构为其中第二层的div和
canvas
的宽高默认为容器div#container的宽高,我们可以通过
格格巫 MMQ!!
·
2023-10-26 09:12
java
echarts
react.js
javascript
顺其自然
(五代)何溥《灵城精义》:“看砂水之吉凶纯驳与龙身之骨脉配合何知,合则顺其自然而以正合,不合则用
剪裁
制化之法而以变合。”我处在那一层呢?经济尚未独立,思想尚未成熟,不能忍受痛苦,还在乎尊严和他人评价。
遇见方向
·
2023-10-26 08:33
MessageSendFailure: Message send failure for update临时解决
Messagesendfailureforupdate==================================|MessageError:Connectioninterrupted临时解决方法:AutomaticallyRefresh
Canvas
Orely
·
2023-10-26 07:21
学习
canvas
(五) 像素缓冲区和其他效果
使用createImageData()创建像素缓冲区createImageData创建一个新的、空白的、指定大小的ImageData对象。新对象中默认像素值都是transparent(透明的)。两个参数时,第一个参数ImageData新对象的宽度,第二个参数ImageData新对象的高度。一个参数时,传入参数为ImageData对象。从现有的ImageData对象中,复制一个和其宽度和高度相同的对
nie-ny
·
2023-10-26 06:05
Canvas
学习
html5
canvas
HTML5
canvas
响应,用HTML5把
Canvas
缓冲区内容输出到屏幕
我会尽量简要说明如何使用HTML5
canvas
元素和JavaScript创建简单的游戏。本教程将省略一些代码,但绝非故意。您可以随时查看我的游戏演示。
joker叫兽
·
2023-10-26 05:32
HTML5
canvas
响应
Canvas
的常用api简介——变换,状态保存,离屏缓冲
文章目录正文1、绘制几何图形,文本,位图等2、位置,形状变换等平移操作缩放操作旋转操作倾斜操作切割操作矩阵3、状态保存和恢复示例一示例二4、离屏缓冲相关推荐正文1、绘制几何图形,文本,位图等voiddrawBitmap(Bitmapbitmap,floatleft,floattop,Paintpaint):在指定坐标绘制位图。voiddrawLine(floatstartX,floatstartY
csdn小瓯
·
2023-10-26 05:00
Android
UI篇
Canvas
变换
状态保存
离屏缓冲
Canvas基本API
Android Surface &
Canvas
简介
#.Surface是图形缓冲区(GraphicBuffer)的封装类,一般用作图像绘制的载体,例如用于承载View画面、承载SurfaceView画面、承载相机拍摄的图像、或者承载MediaCodec的输入/输出画面、承载ImageReader输入缓存画面等等。Surface都是双缓冲的,从概念上讲,可以简化理解为有两个缓冲区引用,一个frontBuffer和一个backBuffer,backBu
丞恤猿
·
2023-10-26 05:59
Android音视频
android
Surface
Canvas
android安卓-
canvas
绘制双缓冲
原帖Android绘图时实现双缓冲一、双缓冲技术原理:在内存中创建一片内存区域,把将要绘制的图片预先绘制到内存中,在绘制显示的时候直接获取缓冲区的图片进行绘制。更具体一点来说:先通过setBitmap方法将要绘制的所有的图形绘制到一个Bitmap上也就是先在内存空间完成,然后再来调用drawBitmap方法绘制出这个Bitmap,显示在屏幕上。二、双缓冲技术出现的缘由当一个动画争先显示时,程序又在
我是giggleman
·
2023-10-26 05:55
Android
5.缓冲区
2.使用缓冲区对象步骤:(1)创建缓冲区对象//gl是
canvas
的上下文对象varvertexBuffer=gl.createBuffer();(2)绑定缓冲区对象gl.bindBuffer(gl.ARRAY_BUFFER
angry ant
·
2023-10-26 05:49
WebGL
javascript
webgl
canvas
[cache和buffer的区别]
canvas
的缓冲绘图
canvas
的缓冲绘图涉及到两个概念,一是“双缓冲”,二是"预渲染"。双缓冲历史已久。
大狗狗
·
2023-10-26 05:47
html
css
js
硬件工程
Canvas
的缓冲区
Canvas
的缓冲区
canvas
的绘制缓冲区和显示缓冲区理解为两个容器,它们用于存储绘制结果。绘制缓冲区是用于存储渲染管线生成的像素数据,而显示缓冲区是绘制缓冲区最终的存储位置。
DSLMing
·
2023-10-26 05:41
Threejs-Shader
three.js
unity 基于UGUI的无限动态滚动列表
ScrollRect的所有功能;使用对象池来管理列表元素,以实现列表元素的复用;支持一行多个元素或一列多个元素;可使用不同尺寸的列表元素;列表数据变化后动态刷新列表元素;用法详见工程中附带的示例,场景Scene中的
Canvas
1
一零壹0
·
2023-10-26 04:49
unity
unity
游戏引擎
上一页
38
39
40
41
42
43
44
45
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他