<pre> 1.HTML5 用于图形绘制 通过js脚本来完成 标签只是图形容器 必须使用脚本来绘制图形 步骤： 1.创建一个画布canvas 一个画布在网页中是一个矩形框 通过canvas元素来绘制 默认情况下canvas元素没有边框和内容 指定id width height定义画布的宽高 可以在H ...
分类：
Web程序 时间：
2021-02-08 12:30:25
阅读次数：
0
官方文档: https://www.electronjs.org/docs/api/file-object 在文件系统中，使用HTML5 File 原生API操作文件 DOM的文件接口提供了关于原生文件的抽象，以便用户可以直接使用HTML5文件API处理原生文件。 Electron已经向 文件 接口 ...
分类：
其他好文 时间：
2021-02-03 10:38:46
阅读次数：
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
JavaScript执行机制 总结 js的异步：我们从最开头就说javascript是一门单线程语言，不管是什么新框架新语法糖实现的所谓异步，其实都是用同步的方法去模拟的，牢牢把握住单线程这点非常重要 javascript是一门单线程语言，在最新的HTML5中提出了Web-Worker，但javas ...
分类：
Web程序 时间：
2021-01-26 12:18:09
阅读次数：
0
在第一周按照寒假计划看了 html、css、html5、css3相关网站的学习内容，学到了一些基础的前端知识。了解了前端的发展史，以及各项技术具体是用于做什么的，就像网站中说的html用于网页结构的建立，而css则是对网页外观的控制，css3以及html5都是在他们基础上的增加内容。在学习的过程中， ...
分类：
其他好文 时间：
2021-01-26 11:53:41
阅读次数：
0
##vue-数据响应式 与 双向数据绑定 数据响应式（单向：将数据填充到页面） 如何理解响应式 html5中的响应式（屏幕尺寸的变化导致样式的变化） 数据的响应式（数据的变化导致页面内容的变化） 什么是数据绑定 将数据填充到标签中 数据响应式：script中的数据驱动html的内容发生改变，不需要去 ...
分类：
其他好文 时间：
2021-01-25 10:44:00
阅读次数：
0
需求背景：选一张海报图片，在海报图片上实现自定义填充文字内容，文字颜色和字体可自定义，且文字区域可以拖动和等比例缩放，最终将文字和海报合成一张新的图片 需要用到的插件：html2canvas（用于将一段html转成canvas） 下面附上整个组件功能代码： /* eslint-disable cam ...
分类：
其他好文 时间：
2021-01-25 10:43:24
阅读次数：
0
