在HTML中，你可以使用QR码生成器来生成QR码，并将其嵌入到你的网页中。以下是一种常见的用法：
1. 首先，你需要使用一个QR码生成器来生成QR码。有许多在线工具和库可用于生成QR码，比如Google的QR码生成器、QR Stuff、QRCode Monkey等。你可以选择其中一个生成器，将所需的数据（如文本、链接等）输入到生成器中，并生成QR码图像。
2. 将生成的QR码图像保存为文件，并将其放置在你的网页的适当位置。你可以使用``标签来显示QR码图像，如下所示：
```html
```
在`src`属性中，将`path/to/qrcode.png`替换为实际QR码图像文件的路径。`alt`属性是可选的，用于提供有关QR码的替代文本描述。
3. 确保将QR码图像文件放置在网页服务器上的正确位置，以便在网页加载时可以访问该图像。
这样，当用户访问你的网页时，他们将看到生成的QR码图像，可以使用他们的手机扫描该QR码以获取相关信息。
前端⽣成⼆维码-Javascript⽣成⼆维码（QR）
前段时间项⽬中需要动态的⽣成⼆维码，经过评估，前后端⽣成都可以。但后端⽣成会有两个问题：
1. 没有找到正规发布出来的后端开源库。
2. ⼆维码图⽚，会随着商品的增加⽽不断变多。
基于以上两个问题，决定在前端⽣成⼆位码。当时使⽤的是 jquery.qrcode.min.js，可以在github上找到这个类库。
下⾯来介绍下这个类怎么来使⽤，先看下⾯这个例⼦。其中第10⾏调⽤⽅法qrcode来⽣成⼆维码。
1
2
3
4
5
6
14
15
16
17
18 URL:
19
20 Generate
21
22
23
24
25
我们来介绍下这⼏个参数：
render: ⼆维码图⽚的⽣成⽅式。⽀持table和canvas来渲染。
height: ⼆维码⾼度。
width: ⼆维码宽度。
correctlevel: ⼆维码容错级别。
text: ⼆维码内容。
我们先来看看⽤table和canvas渲染有什么不同。执⾏了上⾯的例⼦，⼤家可以看到，⼆维码使⽤canvas画出来，在⽹页上输出⼀个canvas
节点。但是⽤到table的话，我们会发现⼆维码实际是使⽤table表格把每⼀个⼆维码的点画出来。⽹页上的Dom元素会暴多（⽬前没有发现
有拖垮浏览器的现象）。
对⼀个有追求的⼈，或者⼤型的⽹站，需要对ie, chrome, firefox等浏览器⽀持。选择canvas，ie7就没办法⽀持。那就选择table吧，⼀切看
起来都很美好。但在实际使⽤的过程中，当⼆维码的内容较多时，⼆维码的尺⼨较⼩时(⽐如120px * 120 px)，⽤table来渲染，会发现⽣成
的⼆维码很难识别（主要发⽣在chrome上）。
使⽤下⾯的办法，所有的浏览器完美⽀持，⽽且⼤部分的⽤户都会是canvas渲染。
1 try
2 {
3 document.createElement('canvas').getContext('2d');
h5在微信⽣成分享海报（带⼆维码）
⼀、前⾔
⼈⽣处处是坑，最近做⼀个h5项⽬，弄这个海报很是头疼，来⾃萌新的⽆助。终于在访遍了n多个帖⼦，问了n个热⼼群友，⾃⼰顿悟之后写
了出来
之前的需求是保存海报，但是在微信中根本是⽆法保存的，最后做成图⽚然后长按保存。
⼆、⼯具
1. qrcode.js⽣成⼆维码
2. html2canvas⽣成图⽚
三、实现思路
⾸先⽤qrcode⽣成⼆维码，然后拿到后台传的背景，接着把⼆维码放在背景的中央，
最后使⽤html2canvas截取包含⼆维码和背景的div，保存成功⼀张图⽚，把这个图⽚渲染出来，长按即可在微信分享、保存了
四、代码
//⽤qrcodejs⽣成⼆维码
createQrcode() {
this.qrcodeUrl = this.host + '/#/reg' + this.qrCodeInfo[0].url;
let qrcode = new QRCode('qrcode', {
width: 120,
height: 120,
text: this.qrcodeUrl, // ⼆维码地址
colorDark: "#000",
colorLight: "#fff",
correctLevel: QRCode.CorrectLevel.H
})
}
//使⽤html2canvas⽣成海报
createPoster() {
// ⽣成海报
const vm = this
const domObj = document.getElementById('box')
html2canvas(domObj,{useCORS: true,logging: false,}).then(function(canvas) {
// 在微信⾥,可长按保存或转发 posterImg ⽣成的海报路径
vm.posterImg = canvas.toDataURL('image/png')
vm.mask = true;
html中radio单选按钮控件标签⽤法解析及如何设置默认选中
Radio 对象代表 HTML 表单中的单选按钮。在 HTML 表单中 每出现⼀次，⼀个 Radio 对象就会被创建。单选按钮是表⽰⼀组互斥选项按钮中的⼀个。当⼀个按钮被选中，之前选中的按钮就变为⾮选中的。当单选按钮被选中或不选中时，该按钮就会触发onclick 事件句柄。您可通过遍历表单的 elements[] 数组来访问 Radio 对象，或者通过使⽤ document.getElementById()。由搜集整理⼀、单选按钮控件语法1
使⽤html input标签，name为⾃定义，type类型为“radio”的表单.
⼆、radio单选按钮代码举例1、html代码⽚段：
1
2
3
4
5
6
7
8
您最喜欢⽔果？苹果
桃⼦
⾹蕉
梨
其它
2.举例代码⽚段⼆(默认选中设置举例):
1
2
3学⽣
教师
管理员
在代码举例⼆种， checked="checked" 表⽰默认选中项设置。3.代码举例三(js操作radio):
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
测试1
测试2
⽂章来源:
HTML⽹址⽣成⼆维码图⽚合成宣传图⽚⽰例
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
标题：
⽂字⼤⼩：
字体：
Arial
仿宋
微软雅⿊
Helvetica
Audi
添加标题⽂字
添加⼆维码
先点击截取屏幕后再点击截图下载
截图下载
======================================css（其实没啥⽤）================
body, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button {
-webkit-font-smoothing: antialiased;
padding: 0;
margin: 0;
font-family: "Microsoft Yahei", "微软雅⿊", Arial, Helvetica, sans-serif;
font-size: 12px;
}
img, input, select, textarea, button, object {
vertical-align: middle;
}
html {
_overflow-x: hidden;
font-size: 62.5%;
/*overflow: hidden;*/
/*⼀般的，各⼤主流浏览器的font-size默认值为16px,此时1rem=16px。如果此时将rem与px进⾏换算很⿇烦，⽐如0.75rem=12px。 为了更⽅便的进⾏换算（⽐如1：10），就可以加样式：*/
