m0_46404694的博客

引入图像到 canvas 里的两步基本操作： 1、获得一个指向HTMLImageElement的对象或者另一个 canvas 元素的引用作为源 2、使用drawImage()函数将图片绘制到画布上获得需要绘制的图片HTMLImageElement 这些图片是由Image()函数构造出来的，或者任何的元素 HTMLVideoElement 用一个 HTML 的 元素作为你的图片源，可以从视频中抓取当前帧作为一个图像 HTMLCanvasElement 可以使用另一个 元素作为你的图片源。 ImageBitm

fillStyle = color 设置图形的填充颜色 strokeStyle = color 设置图形轮廓的颜色globalAlpha = transparencyValue 这个属性影响到 canvas 里所有图形的透明度，有效的值范围是 0.0（完全透明）到 1.0（完全不透明），默认是 1.0。也可用rgba 线的样式 lineWidth = value 设置线条宽度。默认值是 1.0,在路径的两边各绘制线宽的一半 lineCap = type 设置线条末端样式。butt，round 和 squa

flex布局 基本概念 采用 FlexBox 布局的元素使用display: flex 来指定，将变成 Flex 容器（flex container），它的直接子元素」即可通过 flex 布局属性来控制其显示方式，被称为 flex-item。 flex-container：布局容器，使用 display：flex 的标签； flex-item: 容器中的直接子元素； main-axis：主轴，布局方向为 row 或者 row-reverse 时它是水平方向。布局方向为 column 或者 column-re

多选多个html生成PDF文件并打包成压缩文件 JS文件 import JSZip from 'jszip'; import FileSaver from 'file-saver'; import html2Canvas from 'html2canvas'; import JsPDF from "jspdf"; import { Loading } from 'element-ui' /*** * @function 把html生产pdf，然后打包下载 * @params ele 要下载的dom

HTML基础知识（二）一、 超链接1.1a标签1.2超链接类型1.3超链接方式二、表单 一、 超链接 1.1a标签 <a href="链接地址“> href 属性表示链接地址 target属性 1.2超链接类型 文字、图片超链接 把文字或图片放在标签内部 1.3超链接方式 内部链接：同一个网站中的资源 相对路径 外部链接：链接外部资源 锚点链接：链接当前页面的某个部分 二、表单 ...

HTML基础一、HTML基础1.1HTML简介1.2前端核心技术二、HTML基础标签2.1HTML基本结构2.1.1head标签2.1.1.1meta标签2.1.2注释三、段落与文字3.1标题3.2段落3.4div标签3.5特殊符号3.6自闭合标签3.6块元素和行内元素3.6.1块元素3.6.1行内元素四、列表4.1列表简介4.1.1有序列表4.1.2无序列表4.1.3定义列表五、表格5.1表格基本结构5.2表格完整结构5.2合并行5.2合并列六、图像标签6.1图像标签6.2相对路径和绝对路径6.3图片格式