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
getcontext
【前沿技术了解】web图形Canvas、svg、WebGL、数据可视化引擎的技术选型
目录Canvas:HTML5新增Canvas标签(画布)渲染上下文canvas.
getContext
(contextType[,contextAttributes])上下文类型(contextType)
参宿7
·
2023-11-27 14:36
前端面试
信息可视化
canvas整体放大_【HTML5】Canvas 实现放大镜效果
canvas和image对象,这里使用标签预加载图片,关于图片预加载可以看这里varcanvas=document.getElementById("canvas");varcontext=canvas.
getContext
Cristalsil苏
·
2023-11-27 02:09
canvas整体放大
canvas版放大镜
{display:block;margin:0auto;border:1pxsolid#000;}letcan=document.querySelector('canvas');letctx=can.
getContext
小姚学前端
·
2023-11-27 02:36
canvas
javascript
前端
开发语言
通过Context 获取到Activity 对象
当前类不是Activity,但是又需要使用到Activity对象中的方法时,可使用Context来获取Activity:privateActivitygetActivity(){Contextcontext=
getContext
冬田里的一把火3
·
2023-11-25 09:29
Android
应用
android
学习笔记-canvas文本
strokeText(text,x,y)-在canvas上绘制空心的文本查看在线实例绘制高30px的实心文字constc=document.getElementById("myCanvas");constctx=c.
getContext
九饼是个大饼脸
·
2023-11-25 03:00
自定义view的自定义属性备忘处理
,AttributeSetattrs,intdefStyleAttr){super(context,attrs,defStyleAttr);//获取自定义属性TypedArraytypedArray=
getContext
泓汉
·
2023-11-22 08:58
canvas之渐变的矩形图
background-image:linear-gradient(toright,green,blue);}varmyCanvas=document.querySelector('canvas');varctx=myCanvas.
getContext
小透明进击战
·
2023-11-22 06:05
vue 图片转base64本地路径跨域
getUrlBase64(url,ext,callback){varcanvas=document.createElement("canvas");//创建canvasDOM元素varctx=canvas.
getContext
絮落锦乡
·
2023-11-21 21:06
vue
前端
vue.js
vue url转file文件
这里只是简单的转换需要解决跨域当然没有跨域问题可以不解决如果需要其他需求可以自己封装//图片地址转base64格式imgToBase64(url,cb){varcanvas=document.createElement('canvas'),ctx=canvas.
getContext
Wyliss
·
2023-11-21 21:35
uniapp
vue
vue.js
javascript
前端
用canvas画折线图
numberranderData:anyx:numbery:numberconstructor(ele:any,data:any){this.ele=ele,this.data=datathis.ctx=this.ele.
getContext
k6丶
·
2023-11-21 13:35
前端
canvas
ts
使用canvas 和 webgl2制作界面系统(一)
1canvas基础2webgl2基础画如下的三角形2.1使用getcontextwebgl2webgl2必须使用webgl2字符串vargl=canvas.
getContext
("webgl2");if
qianbo_insist
·
2023-11-19 05:05
html
前端技术
webgl
javascript
开发语言
ecmascript
前端绘图方式Canvas和SVG的区别
Canvas是H5新出来的标签Canvas画布,利用JavaScript在网页绘制图像在标签中给上宽高:不用加单位如果在css中给宽高会对图像造成拉伸(默认宽高300px*150px)通过过去绘制工具.
getContext
呆呆键盘
·
2023-11-12 02:22
《第一行代码》 随手笔记——第三章 UI开发的点点滴滴
3.5.3提升ListView的运行效率1、Viewview;if(convertView==null){view=LayoutInflater.from(
getContext
()).inflate(resourceId
Richard_tan0113
·
2023-11-09 20:33
Android中Toast与Snack
Toast.makeText(view.
getContext
(),"Toast
在下嗷呜
·
2023-11-09 16:25
android
java
ffmpeg使用qsv解码碰到的问题
ffmpeg使用qsv硬解码出来的视频帧格式是AV_PIX_FMT_NV12格式的//ffmpeg使用qsv硬解码出来的视频帧格式是AV_PIX_FMT_NV12格式的,//在调用sws_
getContext
文三~
·
2023-11-09 07:19
ffmpeg
音视频
HTML5笔记
便于对技术栈知识的快速回顾以及使用1.canvas元素内部坐标:坐标均以左上角为(0,0),单一坐标均作为起始坐标创建对象:varc=document.getElementById("myCanvas");varctx=c.
getContext
洛千陨
·
2023-11-09 03:18
前端学习笔记
html5
笔记
前端
html5 canvas 常见属性和方法的使用实现电子签名和绘制海报
vscodecanvas插件canvas-snippets绘制基本图形constcanvas=document.querySelector("#canvas");constcontext=canvas.
getContext
潇、然
·
2023-11-08 09:17
H5
前端
html5
js版贪吃蛇
varsn=[42,41],dz=43,fx=1,n,ctx=document.getElementById("can").
getContext
("2d");functiondraw(t,c){ctx.fillStyle
饥人谷_阿银
·
2023-11-05 23:07
HTML5<canvas>
1)、创建一个画布:使用JavaScript来绘制图像varc=document.getElementById("myCanvas");varctx=c.
getContext
("2d");ctx.fillStyle
corlin工作室
·
2023-11-03 18:26
HTML
html5
前端
html
前端H5用Canvas画布做类似银行签名的操作
签名页面清除签名保存签名//获取Canvas元素constcanvas=document.getElementById("signatureCanvas");constctx=canvas.
getContext
桃花妖殿下
·
2023-11-02 14:03
前端
前端
javascript
开发语言
webgl入门--绘制一个三角
二.初始化WebGL上下文constcanvas=document.querySelector("#glcanvas");//初始化WebGL上下文constgl=canvas.
getContext
("
cyydd21
·
2023-11-02 07:36
前端
javascript
java.lang.NullPointerException: Attempt to invoke virtual method ‘void android.widget.Button.setOnCl
因为此时是弹出一个弹窗出现这个三个按钮用到了这行代码ViewphotoView=LayoutInflater.from(
getContext
()).
wei于人海
·
2023-11-02 00:44
java
android
开发语言
webGL编程指南 第五章 MultiAttributeSize_interleaved.js
Documentletcanvas=document.getElementById('canvas');letgl=canvas.
getContext
('
sogooday
·
2023-11-01 17:21
webgl
矩阵
线性代数
javascript
前端
canvas-绘制文本
1pxsolid#ccc;display:block;margin:100pxauto;}varmyCanvas=document.querySelector('canvas');varctx=myCanvas.
getContext
AssertDo
·
2023-10-31 13:17
网状粒子效果
margin:0;padding:0;height:100%;overflow:hidden;}varcanvas=document.getElementById("cas");varctx=canvas.
getContext
jun_tong
·
2023-10-31 06:43
html5
之
混合开发
H5图形、音频、视频常用知识总结
canvas绘制步骤1.1、根据id属性或其他选择器选中canvas元素对象:您的浏览器不支持此功能varcanvas=document.getElementById("myCanvas");1.2、调用
getContext
kkkker
·
2023-10-30 23:44
uCharts在vue项目里的使用
console.log(id)constcanvas=document.getElementById('canvasDom');//console.log(canvas)constctx=canvas.
getContext
沫tiny
·
2023-10-30 11:47
【H5/JS】游戏常用算法-路径搜索算法-A*寻路算法
border:1pxsolidlightgray;}window.onload=function(){varstage=document.querySelector('#stage'),ctx=stage.
getContext
krapnik
·
2023-10-29 12:07
游戏算法
路径搜索算法
A*寻路算法
javascript
游戏常用算法
webGL编程指南 第五章 MultiAttributeSize
希望能给后来学习的一些帮助git代码地址:git本章节中我我们学习使用buffer传递数据Documentletcanvas=document.getElementById('canvas');letgl=canvas.
getContext
sogooday
·
2023-10-28 08:29
webGl
webgl
canvsa
矩阵
线性代数
javascript
SeekBar的一些使用技巧
的拖动标签一般在xml中使用android:thumb设置就ok;有时候需要适应额外的需求动态配置,使用以下方法初始化时设置Drawabledrawable=ContextCompat.getDrawable(
getContext
tmyzh
·
2023-10-28 05:31
H5canvas折线图的绘制
Titlecanvas{border:1pxsolid#ccc}varcas=document.querySelector("#c");varctx=cas.
getContext
("2d");varpadding
Ihavebeen
·
2023-10-27 13:39
前端开发
canvas
折线图
h5图表
cesium初识 && canvas基础
canvas尝试复制下面这段代码到你的F12控制台constdiv=document.createElement('canvas');constctx=div.
getContext
('2d');ctx.fillStyle
依轩cc
·
2023-10-27 12:40
基础知识
知识梳理
webgl
3d
canvas基础4 -- 图像
图片左上角起始值图片大小默认为图片原有的尺寸图片超出canvas的部分会自动裁剪掉您的浏览器尚不支持canvasconstcanvas=document.getElementById("canvas")constcontext=canvas.
getContext
沿着路走到底
·
2023-10-27 12:27
可视化
前端
javascript
开发语言
canvas基础3 -- 交互
Documentconstcanvas=document.getElementById('canvas')canvas.width=800canvas.height=800constcontext=canvas.
getContext
沿着路走到底
·
2023-10-27 11:49
可视化
交互
javascript
开发语言
Android封装layout作为自定义控件
1,选定自定义view的父类如果是封装一个layout,可以直接继承对应的layout类型2,使用inflate绑定对应的layoutViewinflate=inflate(
getContext
(),R.layout.custom_map
王的备忘录
·
2023-10-27 09:42
A1_android开发基础
存在canvas.
getContext
(‘2d‘)是否存在canvas.
getContext
(‘3d‘)
functiontest(){varcanvas=document.createElement('canvas');canvas.width=16;canvas.height=16;varcontext2D=canvas.
getContext
初生的太阳丶
·
2023-10-27 04:38
js
前端技术
html
html5
webgl
js
canvas
webgl速记之如何根据用户硬件进行性能模式OR质量模式的切换的设计思路
然后性能就会相对下降那么要处理这种事情,该怎么办,想了想,干脆就根据硬件级别来切换shader效果varcanvas=document.createElement('canvas');vargl=canvas.
getContext
DBBH
·
2023-10-27 04:26
图形学
1024程序员节
webgl
图形渲染
HTML+JAVASCRIPT+CSS实现黑客背景流体字
#000000;}canvas{position:absolute;height:100%;width:100%;}varc=document.getElementById("c");varctx=c.
getContext
水果工作站
·
2023-10-26 23:19
HTML语言
html
javascript
css
HTML+JAVASCRIPT+CSS实现爱心与流体字动态背景图
background:#000;}canvas{position:absolute;width:100%;height:100%;}varc=document.getElementById("c");varctx=c.
getContext
水果工作站
·
2023-10-26 23:19
HTML语言
html
javascript
css
canvas常用方法,canvas绘制时钟案例
block;margin:200pxauto;}init();functioninit(){letcanvas=document.querySelector("#solar");letctx=canvas.
getContext
heiyay
·
2023-10-26 23:09
canvas
前端
【html】图片多矩形框裁剪
YourbrowserdoesnotsupporttheHTML5canvastag.letcanvas=document.getElementById("myCanvas");letctx=canvas.
getContext
比嗨皮兔
·
2023-10-26 21:47
前端
html
前端
webGL编程指南 第三章 矩阵缩放三角形.sclaTriangle_Matrix
接着上一节中我们使用矩阵进行位移,这次我们使用矩阵实现缩放Document可以按下按键ADSWletcanvas=document.getElementById('canvas');letgl=canvas.
getContext
sogooday
·
2023-10-25 20:28
webGl
webgl
矩阵
线性代数
javascript
前端
canvas学习之给绘制出来的图形上色
canvas是一个h5新添加的dom,在使用时要做好回退策略;canvas有一个
getContext
(‘2d’)
zhangxiaochunxy
·
2023-10-24 20:10
canvas
html5
Svelte生命周期(加整体概述)
编译阶段1.导入语句2.组件声明3.模板部分4.CSS样式二、运行时阶段三、生命周期函数1.onMount2.beforeUpdate与afterUpdate3.onDestroy4.setContext与
getContext
6
小五Five
·
2023-10-24 10:18
Svelte
前端
javascript
开发语言
前端框架
luban压缩
finalListmImageUrlList=newArrayList<>();for(inti=0;i
getContext
西决_7e15
·
2023-10-24 02:47
Android内部存储权限
内部缓存
getContext
().getCacheDir()/data/data/com.android.xxx/或/data/user/0/com.android.xxx/用于存放sp,数据库等;外部缓存
LukaHan917
·
2023-10-24 01:28
基本
android
缓存
spring cloud 调用feign 如何让spring security 拦截器拦截除了通过FeignClientInterceptor接口拦截器中添加Spring Security的认证信息外...
Overridepublicvoidapply(RequestTemplatetemplate){Authenticationauthentication=SecurityContextHolder.
getContext
任我心意
·
2023-10-23 08:56
spring
spring
cloud
java
spring
boot
mybatis
canvas绘制动态视频并且在视频上加上自定义logo
logo放在视频的右下角绘制视频绘制视频暂停/播放//获取画布constcanvas=document.getElementById('myCanvas')//获取画笔constctx=canvas.
getContext
1024小神
·
2023-10-23 04:16
HTML前端
音视频
canvas
Javascript学习笔记(详)(七)——Canvas绘图
使用Canvas绘图基本用法canvasAdrawingofsomething.letdrawing=document.getElementById("drawing");if(drawing.
getContext
snow zhao
·
2023-10-23 00:39
javascript
js
canvas
canvas学习
但是会出现画面比例与初始画布不一致从而导致的扭曲问题)且元素本身有与普通图像一样的margin,border,background等属性中间可以写一些当canvas无法使用时的替代标签获取渲染上下文以及绘画功能(
getContext
结局。
·
2023-10-23 00:06
前端学习
js
html
css
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他