html
文章平均质量分 75
进击的小白兔vl
无论你期望或者不期望,清晨依旧来临。
展开
-
【canvas】3、使用图像、变形及裁切路径
引入图像到 canvas 里的两步基本操作:1、获得一个指向HTMLImageElement的对象或者另一个 canvas 元素的引用作为源2、使用drawImage()函数将图片绘制到画布上获得需要绘制的图片HTMLImageElement这些图片是由Image()函数构造出来的,或者任何的元素HTMLVideoElement用一个 HTML 的 元素作为你的图片源,可以从视频中抓取当前帧作为一个图像HTMLCanvasElement可以使用另一个 元素作为你的图片源。ImageBitm原创 2022-06-13 17:12:13 · 563 阅读 · 0 评论 -
【canvas】2、样式和颜色
fillStyle = color设置图形的填充颜色strokeStyle = color设置图形轮廓的颜色globalAlpha = transparencyValue这个属性影响到 canvas 里所有图形的透明度,有效的值范围是 0.0(完全透明)到 1.0(完全不透明),默认是 1.0。也可用rgba线的样式lineWidth = value设置线条宽度。默认值是 1.0,在路径的两边各绘制线宽的一半lineCap = type设置线条末端样式。butt,round 和 squa原创 2022-06-13 13:59:52 · 134 阅读 · 0 评论 -
flex布局
flex布局基本概念采用 FlexBox 布局的元素使用display: flex 来指定,将变成 Flex 容器(flex container),它的直接子元素」即可通过 flex 布局属性来控制其显示方式,被称为 flex-item。flex-container:布局容器,使用 display:flex 的标签;flex-item: 容器中的直接子元素;main-axis:主轴,布局方向为 row 或者 row-reverse 时它是水平方向。布局方向为 column 或者 column-re原创 2022-05-18 17:21:36 · 1599 阅读 · 0 评论 -
html2Canvas下载PDF并压缩
多选多个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原创 2022-02-23 10:07:33 · 879 阅读 · 0 评论 -
HTML基础知识(二)
HTML基础知识(二)一、 超链接1.1a标签1.2超链接类型1.3超链接方式二、表单一、 超链接1.1a标签<a href="链接地址“>href 属性表示链接地址target属性1.2超链接类型文字、图片超链接把文字或图片放在标签内部1.3超链接方式内部链接:同一个网站中的资源 相对路径外部链接:链接外部资源锚点链接:链接当前页面的某个部分二、表单...原创 2021-08-09 22:54:25 · 63 阅读 · 0 评论 -
HTML基础知识(一)
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图片格式原创 2021-08-08 22:15:42 · 99 阅读 · 0 评论