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放缩
Android绘图
Canvas
笔记
Canvas
的翻译是画布,Android系统里面的的2D绘图用的就是它。
炎之铠
·
2023-10-24 20:40
Android笔记
android
canvas
三步学会
canvas
canvas
作为HTML5新增的一个标签,给前端开发提供了绘制图形与简单动画的能力。作为一个前端开发工程师,
canvas
是一个必须要了解学习的东西,用
canvas
画出一个好看的图形,还是很有成就感的。
CoreyJu
·
2023-10-24 20:40
数据可视化
canvas
自定义控件(一)Paint,
Canvas
基础用法 - Path函数大全,
Canvas
绘制基本几何图形
接触Android一段时间之后发现自定义控件是一个很好玩的东西,可以绘制出各种绚丽的UI,成就感十足呀,同时自定义控件也是应用开发必备技能,以前总想着写一些常用的控件可以提供给别人使用,后来发现,大千世界,根本写不尽开发者所需要的各式各样的控件,授人以鱼不如授人以渔。所以将自定义控件的方法记录下来,希望能给后来的开发者一些启示,学好这些基础知识,你就会发现自定义控件真的很简单,从此不再急头急脑的找
Ruffian-痞子
·
2023-10-24 20:39
Paint
Canvas
Path
draw
三天学会HTML5——SVG和
Canvas
的使用
第2天将学习如何使用
Canvas
和使用SVG实现功能Lab1——使用
Canvas
Canvas
是指定了长度和宽度的矩形画布,我们将使用新的HTML5JavaScript,可使用HTML5JSAPI来画出各种图形
weixin_34149796
·
2023-10-24 20:39
javascript
ui
ViewUI
html5画布撤销,HTML5
canvas
绘图的redo和undo功能的实现
在前面我们学会了如何使用html5
canvas
制作涂鸦画板,那么能不能实现像windows画图板或Photoshop的redo和undo功能呢?答案是肯定的,本教程中我们将来实现它。
如茜
·
2023-10-24 20:08
html5画布撤销
如何用
canvas
画出分形图
这次想用
canvas
画出典型的几个分形图。基础数学篇在画分形图之前我们需要首先明确
Canvas
的数学体
奇舞周刊
·
2023-10-24 20:07
python
算法
java
数据分析
canvas
安卓中
Canvas
使用方法
更多技术内容请移步:我的个人博客一、前言今天是周日,昨天刚刚写完了一篇关于如何搭建LNMP环境,让自己可以DIY有个性的个人主页:http://blog.csdn.net/jiangwei0910410003/article/details/50929955那么今天,我们继续来看一篇关于Android中的UI篇,如何自定义视图View的进阶篇,关于前奏篇之前已经写过了,还没有了解的同学可以去看看:
安卓工匠
·
2023-10-24 20:37
安卓基础
android
Android中自定义视图View之---进阶篇(
Canvas
的使用)
更多技术内容请移步:我的个人博客一、前言今天是周日,昨天刚刚写完了一篇关于如何搭建LNMP环境,让自己可以DIY有个性的个人主页:http://blog.csdn.net/jiangwei0910410003/article/details/50929955那么今天,我们继续来看一篇关于Android中的UI篇,如何自定义视图View的进阶篇,关于前奏篇之前已经写过了,还没有了解的同学可以去看看:
chupu2979
·
2023-10-24 20:05
SegmentFault 技术周刊 Vol.20 - 用
Canvas
画个星空
这期周刊主题,便是受此启发——你能用
Canvas
画布做出什么?有人用它来加工HTML5的特效,有人用它来制作城市地图,有人用它来做页面游戏,还有人用它来画日月江河。
SegmentFault_Offical
·
2023-10-24 20:33
canvas
html5
技术
使用
canvas
做了一个最简单的网页版画板,5分钟学会
画板实现的效果:可以切换画笔的粗细,颜色,还可以使用橡皮擦,还可以清除画布,然后将画的内容保存下载成一张图片:具体用到的
canvas
功能有:画笔的粗细调整lineWidth,开始一个新的画笔路径beginPath
1024小神
·
2023-10-24 20:31
HTML前端
UI美化PS
1024程序员节
[Html5
canvas
]鼠标悬停吸附粒子背景特效
之前在某不知名网站上看到过,觉得好酷炫,当时也没多想怎么写的。官方tip:使用方法很简单只需要再body中间插入这段js代码即可,注意不要放在head里面............1234567891011配置:颜色:默认是(0,0,0),格式是(R,G,B)透明度:(0-1),默认0.5线段的数量:默认0.5Z轴:默认-11
jun_tong
·
2023-10-24 18:15
html5
之
混合开发
初级前端面试题(一) 之 html/css/js
3.
Canvas
和SVG的区别二、CSS1.BFC是什么?2.如何实现垂直居中?3.css选择器优先级如何确定?4.如何清除浮动?5.盒模型的区别?
乐~~~
·
2023-10-24 18:00
vue
js
css
前端
1024程序员节
antv- X6----vue 组件循环渲染
antv-X6----vue组件循环渲染公司需求需要做一个思维导图类似于飞书后台管理的okr思维导图,也是第一次接触,但是我感觉好像
canvas
也能画,我太菜了不会,就去找了好多的案例框架啥的,一开始用的
老刘刘刘刘
·
2023-10-24 18:50
思维导图
vue.js
9.在
canvas
绘制图片和视频
允许任何的画布图像源,例如:HTMLImageElement、SVGImageElement(en-US)、HTMLVideoElement、HTML
Canvas
Element、ImageBitmap、
丹丹的小跟班
·
2023-10-24 18:13
canvas
canvas
自定义View的文字居中处理
当我们直接调用drawText
canvas
.drawText(text,getWidth()/2,getHeight()/2,mPaint);image.png你会发现文字是偏上的,为什么会这样呢?
kisass
·
2023-10-24 17:24
Javascript利用
canvas
绘制两点间曲线、箭头等
Javascript利用
canvas
,在两点间绘制曲线,矩形,并且在矩形中绘制文字,实现居中对齐,同时实现了箭头绘制,效果如图:一、html,代码如下二、css代码如下:
canvas
{display:block
相信神话2021
·
2023-10-24 11:16
1024程序员节
python画布删除图形_Matplotlib在savefig之后从画布中清除旧图形
在fig=self.
canvas
.figurefig.set_size_inches(width,height)buf=io.BytesIO()fig.savefig(buf,dpi=300,transparent
ying鹿好看
·
2023-10-24 11:44
python画布删除图形
小程序
canvas
生成图片 ,并保存到相册
在生成图片中遇到的问题1、
canvas
绘制文字不能换行,如果文字的长度大于你所定的宽度的话,文字会超出你所定宽度,或者文字会挤压变形解决办法:截取一定的文字长度,多余的文字省略2、微信小程序
canvas
_conquer_
·
2023-10-24 11:43
6个网页背景特效源码
canvas
+three.js科技贴图 webgl源码
隧道穿梭特效粒子矩阵特效几何随机变换特效下载地址:https://www.sucaim.com/yuanma/5088.html
M3n
·
2023-10-24 10:20
前端数据可视化之【series、series饼图配置】配置项
目录Echarts配置项series饼图type:'pie'写在最后Echarts配置项ECharts开源来自百度商业前端数据可视化团队,基于html5
Canvas
,是一个纯Javascript图表库,
忆凡_
·
2023-10-24 09:18
Echarts数据可视化
前端
信息可视化
echarts
微信小程序九宫格抽奖活动制作
首先安装npm包npminstall@lucky-
canvas
/mini@latest然后构建npm微信开发者工具->找到左上角点击->工具点击->构建npm弹窗提示构建成功即可引入自定义组件{..."
Mr.A.D.0013
·
2023-10-24 09:20
微信小程序
小程序
2023 uniapp( vue3)使用
canvas
生成海报并保存,taro/微信小程序也适用
reactive,ref,watch}from"vue";import{getImgBase64,drawRoundedRect,drawText,getSystemInfo}from"@/utils/
canvas
沐歌丨丶
·
2023-10-24 07:36
uni-app
微信小程序
uni-app
taro
微信小程序
canvas
html\css\js-dom在不同主流浏览器的兼容问题
@*/0)return;vare="abbr,article,aside,audio,
canvas
,datalist,details,d
相识菩提
·
2023-10-24 05:15
vue 项目pdf导出问题
一、新建文件htmlToPdf.js//npminstallhtml2
Canvas
JsPDFimporthtml2
Canvas
from‘html2
canvas
’importJsPDFfrom‘jspdf
大红红红蝴蝶公主
·
2023-10-24 03:28
前端pdf导出
vue.js
原生js+
canvas
制作图片截取工作
快过年了给大家拜个新年,祝大家新年快乐,苦逼的我还在上班。写这篇文章也是我正好前两天写过一个修改资料的页面,其中就有上传头像,这里和大家分享下。Screenshot.png图片截取*{margin:0;padding:0;}body,html{background-color:#000;position:relative;width:100%;height:100%;overflow:hidden
Brighten_Sun
·
2023-10-24 02:11
数据可视化在行业解决方案中的实践应用 ——华为云Astro
Canvas
大屏开发研究及指南
本文主要探讨华为云Astro
Canvas
在数据可视化大屏开发中的应用及效果。
华为云PaaS服务小智
·
2023-10-23 19:57
信息可视化
华为云
HTML5重点总结
一、HTML5新增标签headernavmainfootersectionarticlehgroupfigurefigcaptionasidevideoaudio
canvas
如何让低版本浏览器兼容新标签
uhv_fc0e
·
2023-10-23 17:39
基于html+js编写的生命游戏
前言本文将介绍一个基于html+js的生命游戏,该项目只有一个html代码,无任何其他以来,UI方面采用了vue+element-plus进行渲染,游戏的界面基于
canvas
进行渲染,先来看一下成果。
haohulala
·
2023-10-23 12:45
前端学习笔记
javascript
游戏
vue.js
【Nodejs】关于原生模块编译node-gyp + node-pre-gyp (以安装
canvas
为例)
关于node-gypnode-gyp是一个用Node.js编写的跨平台命令行工具,用于为Node.js编译本机插件模块。它包含之前由Chromium团队使用的gyp-next项目的供应副本,扩展以支持Node.js原生插件的开发。node-gypisacross-platformcommand-linetoolwritteninNode.jsforcompilingnativeaddonmodul
老鼠咬鼠标
·
2023-10-23 08:48
NodeJS
node.js
npm
python使用-Python的使用方法
turtle库主要是在Python2中使用的,所以安装的时候可能会提示错误:Command"pythonsetup.pyegg_info"failedwitherrorcode12基础概念2.1画布(
canvas
编程大乐趣
·
2023-10-23 04:26
canvas
绘制动态视频并且在视频上加上自定义logo
实现的效果:可以在画布上播放动态视频,并且加上自定义的图片logo放在视频的右下角绘制视频绘制视频暂停/播放//获取画布const
canvas
=document.getElementById('my
Canvas
1024小神
·
2023-10-23 04:16
HTML前端
音视频
canvas
canvas
使用教程
原文地址:http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html原作很强悍导航前言基本知识绘制矩形清除矩形区域圆弧路径绘制线段绘制贝塞尔曲线线性渐变径向渐变(发散)图形变形(平移、旋转、缩放)矩阵变换(图形变形的机制)图形组合给图形绘制阴影绘制图像(图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形])绘制文字保存和恢复状态(c
zxf13717561643
·
2023-10-23 00:41
HTML5
canvas
绘图
canvas如何使用
15.使用
Canvas
绘图(1)
使用
Canvas
绘图:不用说,HTML5添加的最受欢迎的功能就是元素。这个元素负责在页面中设定一个区域,然后就可以通过JavaScript动态地在这个区域中绘制图形。
「已注销」
·
2023-10-23 00:10
javascript
Javascript学习笔记(详)(七)——
Canvas
绘图
使用
Canvas
绘图基本用法
canvas
Adrawingofsomething.letdrawing=document.getElementById("drawing");if(drawing.getContext
snow zhao
·
2023-10-23 00:39
javascript
js
canvas
Canvas
绘图
Canvas
负责在页面中设定一个区域,然后就可以通过JavaScript动态地在这个区域中绘制图形。
Canvas
的基本用法:html代码Adrawingofsomething.
柠檬布丁^O^
·
2023-10-23 00:38
JavaScript
H5
Canvas
画布基础 一
H5画布基础一基本用法矩形绘制路径绘制Save&Restore
canvas
签名画板
canvas
曲线
canvas
变换
canvas
-实例1(变换):钟表图片文本像素操作合成&裁剪生成图片&保存画布元素可被用来通过
Le vampire™
·
2023-10-23 00:38
笔记
js
canvas
html
html5
javascript
JavaScript的
Canvas
绘图
目录一、
Canvas
简介二、
Canvas
基本用法三、填充和描边四、绘制矩形五、绘制路径5.1、绘制线段5.2、绘制三角形5.3、绘制圆弧5.4、绘制贝塞尔曲线5.5、线条样式六、绘制文本七、绘制图像八、
不睡觉的怪叔叔
·
2023-10-23 00:08
Javascript
Canvas
API
1、
Canvas
元素在HTML5网页中可以使用
Canvas
元素定义一个画布,这是使用
Canvas
API进行画图的前提。1)
Canvas
元素的定义语法定义
Canvas
元素的语法如下所示。...
即将入土的羸弱老年人
·
2023-10-23 00:08
CSS
HTML
Web
Canvas
Web
Note
html5
canvas
详细使用教程
原文地址:http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html原作很强悍导航前言基本知识绘制矩形清除矩形区域圆弧路径绘制线段绘制贝塞尔曲线线性渐变径向渐变(发散)图形变形(平移、旋转、缩放)矩阵变换(图形变形的机制)图形组合给图形绘制阴影绘制图像(图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形])绘制文字保存和恢复状态(c
memory_oldcity
·
2023-10-23 00:37
html5
html5
canvas
Canvas
绘图详解
HTML5的
canvas
元素使用JavaScript在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。
canvas
拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
proxy_
·
2023-10-23 00:37
HTML5之
Canvas
2D入门3 - 变换与组合
知识准备-坐标系在真正开始总结变换之前,我们需要先了解一下
canvas
的相关坐标系知识。
影子丝汀
·
2023-10-23 00:37
canvas
html5
canvas
canvas
学习
Canvas
canvas
元素一般有两个标签,width与height虽然说是可选的,当时如果不选择就默认为300像素与150像素显示(也可以使用css来定义大小,但是会出现画面比例与初始画布不一致从而导致的扭曲问题
结局。
·
2023-10-23 00:06
前端学习
js
html
css
canvas
绘制刮刮卡,超过一定面积显示全图
(推荐7.2的代码)1.前端时间做的一个项目需要支持多终端,网页版需要使用html5中
canvas
画布对象对一组数据进行渲染还原,但是在实际实现过程中遇到了一个问题,
canvas
中没有mask(遮罩)层的概念
hangGe0111
·
2023-10-23 00:05
canvas
canvas绘制刮刮卡
超过一定面积显示全图
getImageData
H5
Canvas
绘图
一、什么是
Canvas
Canvas
是H5的一部分,允许脚本语言动态渲染图像。
baiyong1930
·
2023-10-23 00:35
javascript
ViewUI
HTML5
Canvas
教程:十、合成
body{margin:0px;padding:0px;}var
canvas
=document.getElementById('my
Canvas
');varcontext=
canvas
.g
司码君
·
2023-10-23 00:35
HTML5
Canvas
canvas
常用的几种重叠绘图设置globalCompositeOperation
globalCompositeOperation描述了2个图形交叉的时候是什么样子,它的值有很多,这里就盗一张很经典的图:我们来看一个source-in的例子吧:Document合成图层:只展示哪部分内容,是交际还是补//获取画布var
canvas
1024小神
·
2023-10-23 00:34
HTML前端
javascript
前端
开发语言
SVG方向:使用SVG绘制不同图形,理解path路径命令以及深刻理解两种fill-rule规则
1、SVG的介绍SVG是可以在网页中绘制复杂的图形1.1、svg与
canvas
画布的区别计算机中图像的类型分为两种,位图和矢量图。
听书先生
·
2023-10-22 21:52
Android
Canvas
进阶常用API
一、
canvas
位置变换自定义一个TransformView继承自view,在构造方法中初始化画笔(paint):publicclassTransformViewextendsView{privatePaintmPaint
Android Coder
·
2023-10-22 20:59
#
UI
Canvas
canvas状态保存
canvas进阶
canvas
基本绘制、矩形、渐变、阴影、全局透明度、图层、保存还原绘图状态
canvas
用来'替代'flash等其他用于做动画或游戏的插件的一个标签1、可以理解为div,提供一个区域用来绘制图形2、习惯在标签上对其大小进行设置,而不是css或js,并且标签中添加文本您的浏览器不支持
神奇大叔
·
2023-10-22 20:56
HTML5
新特性
canvas
一文学会
canvas
HTML5提出了一个新的
canvas
标签,彻底颠覆了Flas的主导地位。
莫道 开发
·
2023-10-22 20:56
前端
html5
canvas
上一页
36
37
38
39
40
41
42
43
下一页
按字母分类:
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
其他