cavans

前端如何压缩图片在进行上传给后端

3、我们把这个图片放置到canvas上面去，然后通过cavans属性drawImg重新获取图片。4、将重新获取的图片转化为url。注意注意：当前只支持jpg图片的压缩
屈小康·2024-01-16 02:11

web3d-three.js场景设计器-sprite广告牌

2.作为Cavans材质绑定到Sprite3.加载到场景调整适当的scalefunctioncreateLabel({text,fontSize,textColor,color,imageUrl}){returnnewPromise
11eleven·2024-01-13 07:12

vue图片添加水印

使用Cavans实现图片水印的绘制，具体步骤参考如下代码示例：exportdefault{mounted(){this.addWatermark();},methods:{addWatermark(){
过路云野·2023-12-14 17:44

小程序uniapp利用canvas生成海报并可以保存至相册

⏳示例图⏳图片引用想要用cavans生成海报，首先要解决的是，将图片素材引入至canvas画布中，小程序的canvas没有办法直接使用网络图片，所以首先
一颗松鼠·2023-10-13 09:46

Flutter开发之自定义view，widget

view，那么我们一起学习下flutter的自定义view吧本人理解flutter的自定义view可以归为两类：1，已有控件（widget）的继承，组合2，自定义绘制widget,也就是利用paint，cavans
我打小就帅·2023-09-17 06:04

基于HTML5实现的Heatmap热图3D应用

已有众多文章分享了生成Heatmap热图原理，可参考《Howtomakeheatmaps》和《HowtomakeheatmapsinFlex》，本文将介绍基于HTML5技术的实现方式，主要基于Cavans
weixin_34087503·2023-09-04 09:27

html2pdf 一键生成pdf实践

背景项目中需要将查询的图表及表格一键生成pdf，便于运营查看操作调研经调研，目前社区有合适的插件实现，html2pdf.js，该插件的实现原理就是将html内容获取，解析，用cavans画出来，生成图片
DiuDiu_yang·2023-08-07 07:13

JS 计算字符串宽度

把文本放入到一个dom元素中，随后获取dom元素的clientWidth或者offsetWidth(注意要盒模型，过滤掉padding和border等，此外内联元素的clientWidth始终为0)；通过cavans
浩鸽鸽·2023-04-17 00:12

angular9 + threejs

cavans.htmlcavans.tsimport{Component,OnInit,ViewChild,ElementRef}from'@angular/core';import{initRenderer
候鸟_ywh·2023-03-31 02:51

微信小程序cavans生成海报,并预览

样式主要是定义宽高,采用fixed定位,画的时候在屏幕外(测试的时候可以先去掉定位查看效果)生成海报的方法//生成海报shareHaiBao(e){showToast('正在生成...','loading',2000);letthat=this;//获取到当前用户信息letuserInfo=this.data;console.log(userInfo)letpromise=newPromise((
lsx的简书·2023-03-21 06:27

上班划水无聊写了个JS生成图片验证码

写本文的初衷是纯粹为cavans练手，实际工作当中并不建议使用前端生成的图片验证码；前端使用验证码的初衷就是为了防止用户错误请求接口，也为了规避别有用心之人频繁请求接口对服务器进行攻击；因此如果后端能提供验证码接口则尽量使用后端提供的接口场景分析随着时代的进步我们可能已经很久没遇到过图片验证码了
·2022-10-11 18:55

七夕表白代码,樱花特效+爱心特效+花瓣+评论留言功能等

然后通过gitee(码云)搭建了一套个人网页,因为使用了valine公共评论平台,怕一些人发布不良言论,所以项目地址还不能公开.1.这套代码效果挺不错的,缺点就是bug太多,应该是作者阉割过很多的,有一些cavans
橘哥哥·2022-06-21 07:58

前端图片上传时使用canvas进行图片压缩

话不多说直接上代码：cavans图片压缩//文件规则constACCEPT=['image/jpg','image/png','image/jpeg'];constMAXSIZE=6*1024*1024
一颗lemon冰·2022-05-23 18:02

Android 动态关系图

3、简单说一下思路，自定义View,继承SurfaceView，这种设计不会影响主线程的操作，surfaceView拥有独立的Cavans,绘制效率高，动画效果流畅。
Activity_菜鸟·2022-04-30 16:35

JS封装cavans多种滤镜组件

目录一.实现思路二.cavans前置准备1.获取cavans2.获取2dcontext对象3.绘制图片到cavans上4.获取在cavans上已绘制图片数据三.原理及实现1.黑白调2.灰色调3.反转4.
·2022-02-15 18:19

cavans的使用

画布的X和Y坐标用于在画布上对绘画进行定位。functioncnvs_getCoordinates(e){x=e.clientX;y=e.clientY;document.getElementById("xycoordinates").innerHTML="Coordinates:("+x+","+y+")";}functioncnvs_clearCoordinates(){document.ge
碧玉含香_a08c·2022-02-06 23:27

react实现页面水印效果的全过程

目录前言1.使用示例2.实现过程3.组件代码总结前言1.为什么选用svg而不是cavans？
·2021-09-06 17:17

cavans 画动态柱状图

唐僧洗发用飘柔canvas{background-color:yellow;}vardataJson=[{value:50,id:'001',},{value:150,id:'002',}]varmyCanvas=document.getElementById("myCanvas");varctx=myCanvas.getContext('2d');//画X轴ctx.beginPath();ctx
唐生洗发用飘柔·2021-01-10 00:02

html5酷炫表白代码_七夕表白代码,樱花特效+爱心特效+花瓣+评论留言功能等

然后通过gitee(码云)搭建了一套个人网页,因为使用了valine公共评论平台,怕一些人发布不良言论,所以项目地址还不能公开.1.这套代码效果挺不错的,缺点就是bug太多,应该是作者阉割过很多的,有一些cavans
weixin_39634997·2020-11-29 03:18

js实现移动端图片滑块验证功能

(最新完美版本，js+canvas实现，兼容pc，ie9和移动，js+cavans实现图片滑块验证)老样子，还是先看效果原理和上篇uniapp的滑块一样，不一样的是这里是纯js实现，代码是全部是自己写的
·2020-09-29 18:16

js+cavans实现图片滑块验证

本文实例为大家分享了js+cavans实现图片滑块验证的具体代码，供大家参考，具体内容如下js已封装好，拿来即用，兼容pc端和移动端,效果：移动端：pc端：原理就不解释了，我之前的博客已经说过，只不过这个版本是结合了
·2020-09-29 18:15

Canvas简介

作者：较瘦@毛豆前端1.cavans是什么我们都知道HTML5新增了canvas元素，是HTML5的核心技术之一。
weixin_33827965·2020-09-10 19:34

【老脸教你做游戏】小鸟飞过障碍物的游戏（上）

摘要我们已经从最基础的画线填充、cavans2dcontext状态变换，做出了绘制封装类（Figure）以及动画类（Animation），就目前而言，这几个简单的类已经可以做简单的游戏了。
老脸叔叔·2020-08-19 19:04

【老脸教你做游戏】小鸟飞过障碍物的游戏（上）

摘要我们已经从最基础的画线填充、cavans2dcontext状态变换，做出了绘制封装类（Figure）以及动画类（Animation），就目前而言，这几个简单的类已经可以做简单的游戏了。
老脸叔叔·2020-08-17 03:48

生成二维码

HTML：生成二维码URL:生成二维码canvas创建二维码生成二维码图片table创建二维码-->Css：#qr_text{}.cavans_qr{width:250px;text-align:center
uhhuh-495·2020-08-13 22:21

node.js常用模块

以及5、6个递归遍历目录树的工具类、3个左右的命令行解析工具类，3个主流数据库的链接client库，2个ws库，多个js/CSS前端处理工具链，3-4个promise库，多个模版库，多个jquery/cavans
浪屿·2020-08-09 23:20

自定义view之Text文本

cavans又有多少方法？如何自定义viewgroup?等等，所以需要一点点开始，今天先记录一下Paint的一些关于文本的用法。
zhq217217·2020-08-04 10:34

Android中 3D 圆形旋转动态实现

此篇文章就讲述了通过cavans的api实现三维效果的动态旋转图。先上效果图：android中自带的roate旋转使用的是平面旋转。这里我们想要实现立体的旋转圆形。
向大牛前行·2020-08-03 22:52

微信小程序cavans.drawImage方法无法加载网络图片

微信小程序cavans.drawImage方法无法加载网络图片canvas.drawImage(图片地址,起始x坐标,起始y坐标,图片高,图片宽)图片地址src不能为网络地址：http://www.域名
Sky丶jarvan·2020-07-29 00:11

cavans实现静态滚动弹幕

Document$(function(){//弹幕vardataBarrage=[{value:"使用的是静态死数据",color:"blue",range:[0,0.5]},{value:"随机循环播放",color:"blue",range:[0,0.6]},{value:"可以控制区域和垂直分布范围",color:"blue",range:[0,0.5]},{value:"字体大小和速度在方
唐策·2020-07-16 05:33

JS——cavans画布的实例

描述：实例：   您的浏览器不支持HTML5canvas标签。varc=document.getElementById("myCanvas");varctx=c.getContext("2d");ctx.fillStyle="#FF0000";ctx.fillRect(200,0,350,75);效果：
SSSkyCong·2020-07-16 04:42

上传图片 cavans

转自：https://segmentfault.com/a/1190000002535673(function($){$.fn.extend({aiiUpload:function(obj){if(typeofobj!="object"){alert('参数错误');return;}varimageWidth,imageHeight;varbase64;varfile_num=0;varfileI
LinDaiuuj·2020-07-15 15:25

利用Unity LineRender组件，复刻H5页面的绚烂Cavans点线动画（带鼠标交互）

废话不多直接上结果，如果需要的是这种结果的话，请跟我一步步做完以下步骤，没有耐心可以直接看代码下面就简单介绍一下思路需求分析1.点随机产生并向随机方向以随机的速度匀速移动2.点与点之间在一定距离内有细线连接，并且有淡入淡出的效果。3.鼠标在画面中移动时，能够与其他点产生互动1.1点的实现，如何绘制一个点？在Js里，我们需要用代码绘制这个点，但在Unity中，我们完全可以通过预制件来完成这项工作XD
梅思源·2020-07-05 00:20

前端高频面试题总结（二）

一：你对cavans有了解吗1.什么是canvas(画布)是HTML5新增的元素，可用于通过使用JavaScript中的脚本来绘制图形例如，它可以用于绘制图形，创建动画。
依古比古*·2020-07-01 14:49

html2canvas实现截图功能遇到的坑。

排版dom,然后就生成cavans,
Army-海军·2020-06-29 01:04

Canvas绘制的总结

android绘图涉及三个类，Cavans、Paint和Path,今天的博客主角就是这三位啦！让我们一起走进android绘图的世界吧。
乐派天使·2020-06-27 01:42

前端自定义字体的使用

主要功能点是：1、在canvas中使用自定字体，并将这个cavans生成为图片。2、使用自定义字体的文字是用户自己输入的，不是固定的。3、h5需要适应不同手机的字体渲染速度。
qxn_5266·2020-06-26 04:27

使用原生cavans把图片和文字生成一张新的图片并解决失真问题

正式邀请函//绘制图片functiondrawImage(){varname=document.getElementById("name").value;if(name){//当前html的font-size方便使用remvarsize=getComputedStyle(window.document.documentElement)['font-size'].split('p')[0]varnu
scarecrowll·2020-06-25 19:31

css3动画

前端动画的几种实现方式1.CSS的transition2.CSS3的animation属性3.原生JS动画4.插件5.引用GIF图片6.使用canvas制作7.SVG动画后两个需要去学习cavans和svg
itlixiaolong·2020-06-24 07:09

html5 MediaRecorder 录制视频和音频

定义canvas变化逻辑，比如每秒写一次图表比如用echarts，定时写入cavans，做成动画效果，并录制。
来自太阳的外星人·2020-06-24 05:59

js cavans实现静态滚动弹幕

本文实例为大家分享了js实现静态滚动弹幕的具体代码，供大家参考，具体内容如下Document$(function(){//弹幕vardataBarrage=[{value:"使用的是静态死数据",color:"blue",range:[0,0.5]},{value:"随机循环播放",color:"blue",range:[0,0.6]},{value:"可以控制区域和垂直分布范围",color:"
·2020-05-21 16:31

页面弹出canvas的实现

absolute;}.maskLayer{width:0.5rem;height:0.5rem;left:3%;top:2%;color:#fff;z-index:2;position:absolute;}.cavans
tcwcq·2020-03-26 18:54

基于云开发的小程序海报功能的实现

今天把文章详情页最后一个按钮「生成海报」的功能开发完了，这里介绍下实现思路和具体开发流程交代些背景其实在最早之前的小程序中已经实现了一次，具体可以参考利用云开发优化博客小程序（三）——生成海报功能,主要还是使用原生的cavans
Bug生活2048·2020-02-11 21:01

tkinter显示图片

tkinter自带显示图片只能使用git文件,其他格式必须通过PIL进行转换:显示的办法:通过tkinter.label通过tkinter.cavans一个重要的BUG是:下面tkImage对象必须声明为全局变量
---dgw博客·2020-02-06 22:00

微信小程序之cavans绘制分享朋友圈图片

由于微信小程序没有分享朋友圈的api接口，只有分享给好友和微信群的api，但是很多小程序为了扩大宣传，需要进行朋友圈分享，所以，要解决分享朋友圈的这个问题，就要用到它的绘图api，也就是我们常说的canvas绘图，现将你要分享的内容绘制出来，再将其转化为图片，进行保存，然后用户选择相册图片手动分享就OK了接下来我们一步一步说首先在wxml建立canvas画布以及点击事件需要的按钮，按照你自己的需求
肆意咯咯咯·2020-01-07 21:06

html2canvas+jspdf导出pdf，解决导出PDF不全的问题

前端目前网上可以查到的主要方案就是，用html2cavans先将页面在canvas中绘制，然后canvas转图片资源，再用jspdf将图片转PDF；这种方式的优点就是解决了jspdf直接转pdf时，一些图片和页面中
shaun_zhang·2019-12-20 16:29

让你快速了解cavans针对图像处理一些操作的demo代码

canvas{border:solid1pxred;}varimageSrc='../images/daitu.jpg';//'/assets/images/domokun.jpg'/*image一个图像源,可以是一个,SVG,,,HTMLImageElement,SVGImageElement,HTMLVideoElement,HTMLCanvasElement,Blob,ImageData,I
很甜的西瓜·2019-08-06 10:12

让你快速了解cavans翻转、矩阵、矢量一些操作的demo代码

canvas{border:solid1pxred;}functioncreateCanvas(width=800,height=600){return$('').attr({width:width,height:height}).css({border:'solid1px#888'});//returnd3.create('canvas').style('border','solid1px#88
很甜的西瓜·2019-08-06 10:09

Android Cavans高级

Cavans介绍在Android下进行2D绘图需要Canvas类的支持，它位于"android.graphics.Canvas"包下，直译过来为画布的意思，用于完成在View上的绘图。
占卜L·2019-04-26 18:02

Android 双曲线波浪动画(第一发)

前言：好像是从简书看到一个IOS的双曲线波浪的动画，刚好最近把Cavans重新复习了一遍，那么就用这个来巩固好了，而且这个效果确实挺好玩的。
jia-huan·2016-07-01 12:50
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他