前端或APP上传图片，图片太大，后端也没必要要原图， 太大的图片，做以下处理。固定大小。 getBase64Image(imgpath:string) { var img = new Image(); //新建一个图片对象 img.src = imgpath; let canvas = docume ...
分类：
Web程序 时间：
2021-02-24 13:05:00
阅读次数：
0
先来看看文档上怎么介绍的： 然后来个案例： git地址：https://github.com/sutianbinde/charts.git ...
分类：
其他好文 时间：
2021-02-22 11:56:00
阅读次数：
0
<pre> 1.HTML5 用于图形绘制 通过js脚本来完成 标签只是图形容器 必须使用脚本来绘制图形 步骤： 1.创建一个画布canvas 一个画布在网页中是一个矩形框 通过canvas元素来绘制 默认情况下canvas元素没有边框和内容 指定id width height定义画布的宽高 可以在H ...
分类：
Web程序 时间：
2021-02-08 12:30:25
阅读次数：
0
H5 通过 input 获取本地图片后上传服务器是，图片大小会极大的耗费网络，和服务器资源，所以此时我们就要对上传的图片进行压缩后上传compress(file) { if (file.file && (file.file.size > 1024*1024*.3)){ // 设置文件压缩的阈值 le ...
分类：
Web程序 时间：
2021-01-30 11:56:13
阅读次数：
0
一、概述 效果图 二、代码实现 新建test目录，放2个vue文件。 sidentify.vue组件代码： <template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHe ...
分类：
其他好文 时间：
2021-01-28 12:23:32
阅读次数：
0
图片： 使用pygame编写的代码源代码： import pygame pygame.init() canvas=pygame.Surface((4096,4096)) rgb=[0,0,0] x_y=[0,0] for r in range(256): rgb[2]=0 rgb[1]=0 for ...
分类：
其他好文 时间：
2021-01-27 13:07:13
阅读次数：
0
原理 基于Canvas绘制特定内容的图片，使用canvas.toDataURL()方法返回该图片内容的base64编码字符串。对于PNG文件格式，以块(chunk)划分，最后一块是一段32位的CRC校验，提取这段CRC校验码便可以用于用户的唯一标识。 测试结果表明，同一浏览器访问该域时生成的CRC校 ...
分类：
其他好文 时间：
2021-01-26 12:26:00
阅读次数：
0
需求背景：选一张海报图片，在海报图片上实现自定义填充文字内容，文字颜色和字体可自定义，且文字区域可以拖动和等比例缩放，最终将文字和海报合成一张新的图片 需要用到的插件：html2canvas（用于将一段html转成canvas） 下面附上整个组件功能代码： /* eslint-disable cam ...
分类：
其他好文 时间：
2021-01-25 10:43:24
阅读次数：
0
运行时崩溃，崩溃日志如上图所示，这大概是图片存放的尺寸不太合适 崩溃设备：小米11，系统：Android 11 解决方法：将splash图从drawable文件夹中移动到drawable-xxxhdpi文件夹中（如果不存在drawable-xxxhdpi文件夹，需手动创建） ...
分类：
其他好文 时间：
2021-01-20 11:46:59
阅读次数：
0
空心文本 <canvas id="myCanvas" width="300" height="100"></canvas> // canvas绘制空心文本 var canvas = document.getElementById('myCanvas'); var ctx = canvas.getCo ...
分类：
Web程序 时间：
2021-01-14 10:41:40
阅读次数：
0
