Cavas

cavas实例 粒子效果

粒子封装对象publicclassBall{publicintcolor;//图片像素点颜色值publicfloatx;//粒子圆心坐标xpublicfloaty;//粒子圆心坐标ypublicfloatr;//粒子半径publicfloatvX;//粒子运动水平方向速度publicfloatvY;//粒子运动垂直方向速度publicfloataX;//粒子运动水平方向加速度publicfloat
GoodWen·2024-02-04 20:22

微信小程序中使用ec-canvas(包括单图表和多图表)

微信小程序中使用ec-cavas首先引入ec-canvas插件首先，下载GitHub上的ecomfe/echarts-for-weixin项目。
a小毛同学·2023-11-28 11:18

qml 实现按钮样式（ 带个小三角）

效果如下提供了一个array来作为Listview的Model；代码如下带有小箭头的矩形用cavas来实现。通过修改本代码可以实现很多效果。
老菜鸟的每一天·2023-11-22 13:32

vue 图片上传压缩（vue+Vant+image-compressor）

图片压缩就是采用BASE64或者用cavas将图片重新渲染绘制，整合成指定大小或质量的图片上传到服务器。
逩跑鍀小学生·2023-10-29 17:28

你会在场景中创建立体文字吗？可否认识精灵模型？

文章目录前言一、1、通过TextTrue创建TextTrueDemo代码如下：二、通过精灵模型和Cavas画布Sprite和SpriteMaterial.scale和.positionSprite用途精灵模型
一直努力的小D·2023-10-28 09:03

仿携程日历控件

仿携程日历控件RecycleView实现日历列表,其中每个itemView纯cavas绘制。
TheTwo·2023-09-21 12:35

我以为我有超能力

图作于2021.8.28cavas
请照顾好我_·2023-09-02 23:25

Echarts Y轴遮挡解决方案

轴遮挡解决方案背景：在做手机端的时候要实现图表展示，但是Echarts有个通病，就是对小屏幕的浏览器不太兼容，开始尝试设置绑定div的样式，加上padding:0发现不管用，用谷歌浏览器调试发现Echarts是用cavas
Wombat-·2023-08-11 23:35

Antv-G6入门

constgraph=newG6.Graph({container:‘mountNode’,//挂在标签的idwidth:800,//cavas的宽height:600,//cavas的高fitView
长影缚苍龙·2023-08-10 08:01

情人节程序员送女朋友的圣诞树——html绘制圣诞树（背景音乐、动态图、cavas）

html代码分享一个html程序，送给女友的圣诞惊喜html添加背景音乐html添加背景图片html圣诞树工程文件目录html,body{width:100%;height:100%;margin:0;padding:0;border:0;}div{margin:0;padding:0;border:0;}.nav{position:absolute;top:0;left:0;width:100%
sf9090·2023-07-17 14:48

uniapp电子签名以及竖屏签名后内容旋转90度变为横屏图片

用该插件挺不错的电子签名插件地址如果你一个页面要用多个该插件，就改成不同的cavas-id，修改插件源码效果图竖屏写旋转成横屏图片插件内在拿到签名临时地址后的页面data(){return{canvas
前端菜鸟丶Ndie·2023-07-13 16:06

html2canvas生成图片问题汇总

版本：html2canvas1.0.0-rc.4官网文档地址此版本下载地址：html2cavas1.0.0-rc.4-网页制作文档类资源-CSDN下载绘制图片最好是在页面加载完毕之后进行，处理好图片跨域问题参考
凌晨 || AmsWait·2023-04-13 16:40

canvas基础功能介绍

如需了解更多内容，请移步cavas在MDN上的教程，可以学习更多更深入的知识。本篇就以代码demo的形式，对基础功能进行罗列。Canvas就是一块画布。用js在画布上画画的。
新生代农民工官方认证码农小拽·2023-04-10 21:08

对2个网页帧动画框架的调研

我们对动画框架的要求和宁哥沟通过后，明确了我们开发这边对于动画框架的3点要求能够完成动画的渲染这是最基本的需求，就是能够使用web可用的方式渲染出动画，比如canvas、svg或基于cavas的webgl
凌霄光·2023-04-04 13:51

vue截取视频第一帧的图片问题

基本就是用cavas进行绘制，解决一下跨域问题，截视频第一帧，然后根据视频原本的宽高进行绘制，最后转一下图片格式即可。代码如下：......您的浏览器不支持video标签。......
·2022-11-27 00:35

【web图片批量下载到压缩文件夹 】 使用到 jszip filesaver

最近项目中要实现图片批量下载功能，最先用的cavas绘图成base64批量下载图片，后来发现处理少量图片可以用canvas绘图，下载图片量太大会导致下载图片缓慢更甚至性能不高的电脑会造成浏览器闪退，所以这种方法行不通
辣子_·2022-07-20 09:49

Scroll View控制菜单栏的伸缩

一：操作篇在Cavas添加ScrollView，想要横排的物品栏。
Alxes_七局·2022-06-23 19:15

vue+elementui实现拖住滑块拼图验证

vue拖住滑块拼图验证，以下是cavas直接写的滑块拼图验证码，直接复制引用即可​                                                                                                                    
·2022-05-18 16:09

cavas效果实例六个小球旋转聚合 再水波纹扩散

1，colors.xml#008577#00574B#D81B60#F8F6EC#FF9600#02D1AC#FFD200#00C6FF#00E099#FF3892@color/blue@color/green@color/pink@color/orange@color/aqua@color/yellow2，activity_main.xml背景图片自己随意插吧我就不上了3，SplashView自
GoodWen·2022-02-12 06:56

前端实现下载的触发机制，一篇文章搞定下载（文件下载，图片下载，截屏下载）

文章目录一、下载方式1.浏览器下载2.a标签触发下载什么是base64自定义下载文件名二、实战下载1.文件下载2.图片下载3.截屏下载（解决HTML2cavas截屏空白问题）一、下载方式一般来说，前端下载
MmM豆·2021-05-31 10:10

Android摄像头数据采集实时处理渲染实验

数据采集camera通过SurfaceTexture采集数据处理渲染1.将NV21数据(yuv420sp)通过opencv转为bitmap，通过Cavas绘制，30fps左右，可以查看opencv的demo2
曾大稳丶·2021-04-27 08:14

canvas绘制进度圆环

#cavas{width:100%;}您的浏览器不支持canvas标签！
灿尔哈擦苏·2020-08-24 10:48

HTML5 Canvas制作雷达图实战

下面，用HTML5的Cavas来实现雷达图。
王乐平·2020-08-21 00:12

Cavas绘图移动游戏背景呈现前进效果(雷电战机一)

直接上代码了，代码注释详细classMyViewextendsView{//记录背景位图的实际高度finalintBACK_HEIGHT=1700;//背景图片privateBitmapback;//创建Bitmap对象，其实就代表一张图片privateBitmapplane;//背景图片的开始位置publicintWIDTH;publicintHEIGHT;privateintstartY=BA
zhangjikuan·2020-08-20 20:05

BadgeView使用介绍

转摘自http://blog.csdn.net/lorryhou/article/details/9795267前段时间做的一个淘宝客的项目，需要在商品图片上添加价格标签，之前自己使用TextView和Cavas
a57565587·2020-08-16 05:34

Android cavas将横向字体转换为竖直rotate(),drawText(),setTextAlign()

cavas的drawText（）方法可以写字，想把字设置为横向的做法：1.cavas提供了两个方法rotate(floatdegrees);rotate(floatdegrees，floatpx,floatpy
zhangjikuan·2020-08-15 01:34

鼠标吸附彩色气泡

H5Cavas制作鼠标吸附彩色气泡。当鼠标在屏幕上移动的时候，鼠标划过的区域会出现许多彩色气泡，并且会自动消失。效果演示看了如此效果是不是心动的感觉呢？？？
风叶翩翩·2020-08-14 12:24

2D游戏箭头随鼠标移动实现

1.创建一个2D游戏工程创建一个image，方便观察图片方向是否，跟随鼠标变化2.设置Cavas属性RenderMode设置为ScreenSpace-Camera把MainCamera拖拽赋值给RenderCamera3
远行的人·2020-08-14 04:26

flex导致浏览器对指定站点输入法无法输入中文的问题

html中设计div弹方框，并用swfobject方式加载swf，同时设置其params.wmode="opaque"，此swf包括mx:Button,mx:Label,mx:Progressor,mx:Cavas
aegoose·2020-08-13 12:41

自定义view之车辆方向盘

先说下思路，我是由外向内画，先画外圈，再画内圈，之后画底部图形，ondraw中就是这样了由于做过cavas变化，就需要加入那一段。getMatrix@Overrideprotectedvoi
sinat_26761191·2020-08-10 21:26

android 硬件加速

1.硬件加速原理：将所有的cavas操作，比如drawBitmapdrawLine等转化为opengl的操作命令，存储到displaylist中，这样的好处是防止重复绘制？
宇宙小生命·2020-08-09 12:02

BadgeView使用介绍

前段时间做的一个淘宝客的项目，需要在商品图片上添加价格标签，之前自己使用TextView和Cavas绘制的感觉效果一般，今天偶然在CSDN上发现BadgeView这个开源项目，在git下载下来之后，使用非常方便
lorryhou·2020-08-07 18:57

Cavas画板功能

Cavas画板功能-许俊活CSS样式代码body,html{text-align:center;padding-top:20px;/*margin:0;*/}canvas{box-shadow:0010px
许俊活·2020-08-06 10:12

uni-app 生成邀请二维码海报

生成邀请二维码海报效果图：主要思路：通过uniapp插件tki-qrcode生成二维码，canvas将背景图和二维码整合在一起在二维码生成时，会出现很长时间的白屏时间，具体原因还在查找，暂定的解决方案，是在第一次生成后，将cavas
ST92·2020-08-05 21:59

微信小程序cavas画折线图

drawCircle:function(e){varthisObj=this;radCtx.save();radCtx.setFontSize(14)//字体大小radCtx.setFillStyle('#ff0000')//字体颜色radCtx.setStrokeStyle("#6797F4")radCtx.setLineWidth(3)//设置线宽//radCtx.setShadow(100,
snow_zhang_123·2020-07-31 18:52

前端

文章目录HTMLCSSJavaScript用法语法（弱类型）BOMDOM面向对象Cavas：绘制图片调试ajaxBootstrap（css框架）jQuery（js工具库）选择器检索dom操作动画AjaxHTMLHtml
小Ocean·2020-07-14 21:04

小三角形

trangle{width:0;height:0;border-style:solid;border-color:#0f0#fff#fff#fff;border-width:100px60px060px;}2、cavas
小飞侠_2018·2020-07-09 20:50

webassembly使用sdl的例子

webassembly的例子注意1.主函数改个主循环，只有这里是嵌入的代码emscripten_set_main_loop_arg2.用emcc生成js和wasm3.在h5中只需要把Module对象的cavas
地狱吹雪鸭·2020-07-07 13:54

cavas 图片保存到本地

直接上代码：base64参数来源:canvas.toDataURL("image/png");functiondownloadFile(fileName,base64){constaLink=document.createElement('a');constevent=document.createEvent("MouseEvents");event.initEvent('click',false
千罹·2020-06-30 22:08

微信H5实现网页长按保存图片及识别二维码

实现网页长按保存图片及识别二维码使用工具html2canvas官方文档html2canvas.hertzen.com/canvas2imagegithub.com/hongru/canv…实施方案将DOM使用html2canvas转化成cavas
weixin_34335458·2020-06-28 17:30

HTML5 简单页面实现时钟效果

界面显示：html代码：JSPPagecanvas{border:1pxsolidblack;}(function(){//cavas元素对象varcanvas=null;//canvas的3d上下文varctx
笑语轻柔·2020-06-27 04:45

图片压缩cavas上传服务器-----------方法

参考：https://blog.csdn.net/huangpb123/article/details/80560980uplodeimg(e){letdata=e.target.files[0];if(data.size>1000000){//图片大于1M压缩varthis_=this;console.log(data.size);letreader=newFileReader();reader
(,,´•ω•)ノ"(´っω•｀。)·2020-06-26 01:28

通过降低图片的质量（或尺寸）压缩图片大小

生产上图片太大除了用户体验不好，上传等待时间过长，还可能会引发用户缓存丢失，导致必要参数缺失请求失败，或者超时引起的请求失败，查找资料，原理是经过一系列的转化过程file文件=》base64=》cavas
Yarnnn·2020-06-25 07:08

cavas的验证码效果demo

最近做了cavas的验证码效果，如下图：圈的形状和颜色随机，可设计需要选中文字的数量。
悠悠香芋·2020-06-23 10:03

UGUI性能优化

①Cavas的RenderMode是Overlay模式时，永远覆盖在其他物体之上，不受摄像机depth影响②Cavas的RenderMode都是ScreenSpace-Camera时的渲染顺序：依次由选取的摄像机
ai_ly1003·2020-06-22 12:01

canvas实现环形计时器

现在我换用js和canvas将环形计时器封装成组件，我们调用这个组件时，只需要传一些配置属性，就可以根据不同需求来展示，具体配置如下：letprops={width:100,//cavas画布宽度height
YomonAh·2020-04-06 03:13

自定义View-第四步：画布操作

本章内容就是用来讲解cavas的各种方法的哦~大大要点所有的画布操作都只影响后续的绘制，对之前已经绘制过的内容没有影响所有的画布操作都只影响后续的绘制，对之前已经绘制过的内容没有影所有的画布操作都只影响后续的绘制
crossroads·2020-04-04 08:20

自定义View学习(三)表盘

（三）Cavas.rotate();把画布进行旋转，只需要计算好旋转角度，就可以实现许多复杂的绘图首先绘制圆盘Paintpaint1=newPaint();pa
sun_goden·2020-04-02 04:50

android学习之画矩形

android画矩形的方法很简单首先定义一个Paint，可以设置color，StrokeWidth，Style等属性然后利用cavas的drawRect方法，带入该矩形的左，上，右，下4个位置点，就可以画出矩形了
UniThan·2020-03-30 12:45

Canvas中drawxxx方法的使用

一：Canvas.drawxxx()系列方法以及Paint常见使用1:移动坐标系canvas.translate(width/2,height/2);//可以将坐标系从左上角移动到指定位置cavas.scale
夏广成·2020-03-28 10:18
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他