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
身份证水印
varcanvas=document.getElementById('canvas');vara=6;canvas.width=210*a;canvas.height=297*a;varctx=canvas.
getContext
海天鹰
·
2023-11-30 15:25
JS
HTML
javascript
QML类型:Context2D
一、描述Context2D对象可以通过Canvas项的
getContext
()方法创建:Canvas{id:canvasonPaint:{varctx=canvas.
getContext
('2d');/
友善啊,朋友
·
2023-11-30 13:07
#
QML类型
qml
贪吃蛇小游戏基本简单布局
=layui.layer;varform=layui.form;//游戏逻辑varcanvas=document.getElementById('gameCanvas');varctx=canvas.
getContext
m0_64180190
·
2023-11-29 15:28
html5
css3
javascript
前端
前端js实现从视频中提取图片帧
$message.warning("请先输入视频地址");return;}letcanvas=document.createElement("canvas");letctx=canvas.
getContext
JYeontu
·
2023-11-29 13:51
JavaScript
前端
canvas
javascript
canvas时钟绘制
|菜鸟教程代码:Documentletpi=Math.PIfunctioninit(){letcanvas=document.querySelector('canvas')letctx=canvas.
getContext
anuily.
·
2023-11-28 11:20
前端
h5中使用canvas绘制线段、多边形、圆、圆弧
varcanvas=document.getElementById("canvas");//指定canvas的大小/*canvas.width=1024;canvas.height=768;*/if(canvas.
getContext
努力减肥的小胖子5
·
2023-11-27 17:41
c++
canvas
canvas-绘制功能
fillRect(x,y,width,height)//获取domvarcanvas=document.getElementById("mycanvas");//获取上下文varctx=canvas.
getContext
敢问
·
2023-11-27 17:38
canvas
canvas
javascript
canvas-绘制图像
);参数:image:规定要使用的图像,画布或者视频,x:在画布上放置图像的x轴坐标位置y:在画布上方式图像的y轴坐标位置varctx=document.getElementById('draw').
getContext
我只会吃饭
·
2023-11-27 16:37
【前沿技术了解】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
前端
上一页
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
其他