写在前面:记录下这两天工作中实现的一个小需求,点击按钮根据链接生成店铺对应的二维码,客户端扫描二维码可以实现关注; 之前并没有写过相关的功能,于是各种百度;基本原理就是通过qrcode库获取DOM元素,再利用H5的canvas来实现二维码的绘制, 步骤如下: // 1.先引入jquery.js和jq ...
分类:
其他好文 时间:
2020-04-02 11:40:40
阅读次数:
83
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>nick getBase64</title></head><body><div> <canvas id="canvas" style="display: none"></canvas> ...
分类:
Web程序 时间:
2020-04-02 01:09:27
阅读次数:
67
canvas简介 在学习一项新技术之前,先了解这项技术的历史发展及成因会帮助我们更深刻的理解这项技术。 历史上,canvas最早是由Apple Inc. 提出的,在Mac OS X webkit中创建控制板组件使用,而在canvas称为HTML草案及标准之前,我们是通过一些替代方式去绘图的,比如为人 ...
分类:
其他好文 时间:
2020-04-01 13:12:59
阅读次数:
74
## 使用canvas画布利用js通过鼠标实现矩形的绘制(任意方向的绘制图形)(如果要绘制其他图形,做一点小改动就行了) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <styl ...
分类:
Web程序 时间:
2020-04-01 13:03:36
阅读次数:
146
本文将通过分析部分源码,描述 Android 里面的 Canvas 的大致实现。并且会对 Canvas 的性能做一定分析,提供对 Canvas 的使用建议。 GLES20RecordingCanvas 类 这个类是什么?为什么我从没用过? 我们来看看它的代码: 它是不暴露给开发者的,所以我们也使用不 ...
分类:
其他好文 时间:
2020-03-31 21:05:01
阅读次数:
88
echarts tooltip is covered by canvas on iOS13 问题: 解决办法:在tooltip配置项中加如下5,6,7行代码 1 tooltip: { 2 trigger: "axis", 3 confine: true, 4 formatter: "{b}月: {c ...
分类:
移动开发 时间:
2020-03-30 16:37:11
阅读次数:
217
1.注册插件 import Print from '@/plugs/print' // 引入附件的js文件 Vue.use(Print) // 注册 2.设置ref,确定打印区域 <template> <section ref="print"> 打印内容 <div class="no-print"> ...
分类:
其他好文 时间:
2020-03-30 16:04:31
阅读次数:
416
ToolTip 效果是网页制作中常见的使用特效。当用户将鼠标悬浮在某个控件上时,ToolTip 显示并向用户展示相应的提示信息;当鼠标离开时,ToolTip 隐藏。一般情况下,我们使用 ToolTip 只是显示一句话或几个字,其实我们还可以展示很多信息。而今天的重点则是通过 Hightopo 的 H... ...
分类:
Web程序 时间:
2020-03-30 00:13:27
阅读次数:
86
1、概述 <canvas>元素用于生成图像。它本身就像一个画布,JavaScript 通过操作它的 API,在上面生成图像。它的底层是一个个像素,基本上<canvas>是一个可以用 JavaScript 操作的位图(bitmap)。它与 SVG 图像的区别在于,<canvas>是脚本调用各种方法生成 ...
分类:
其他好文 时间:
2020-03-28 21:38:34
阅读次数:
82
截止2020.3.26,小程序官方文档中,有两种绘制方式:Canvas 2D、webGL 文档地址:https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html 而开发者工具中,官方推荐使用性能更好的2d模式,用法如下所 ...
分类:
微信 时间:
2020-03-28 01:12:07
阅读次数:
856