echart作为一款很火的前端图表插件底层基于canvas，工作中也有接触。平时看似各种炫丽图表的实现，但今天实现一个简单的阵矩差方图，竟然一脸懵。这是无基础就来花里胡哨那一套的结果，看似会了其实啥都不会。本篇记录一下echart基础知识。先立个提纲，详细更新中。 1.基本标签 名词描述 chart ...
分类：
其他好文 时间：
2020-07-28 00:31:16
阅读次数：
126
解决办法 在项目内添加一个 .npmrc 文件： 代码 //sass sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomj ...
分类：
其他好文 时间：
2020-07-27 15:51:45
阅读次数：
89
背景：项目地图页面上有海量点，每个点都有不同的指标数值，而且很多点根据分类还用不同的图片作为背景。因此考虑用H5 Canvas加载图标png并把数值画上去，然后把canvas导出图片url并应用到点标记上。 1、常规绘制： 代码： var image = new Image(); image.src ...
分类：
其他好文 时间：
2020-07-26 15:02:49
阅读次数：
78
项目中引入Chart.js <script src="path/to/Chart.min.js"></script> 1.创建html标签 <canvas id="barChart" width="600" height="400"></canvas> 2.创建一个chart类的实例 var lin ...
分类：
Web程序 时间：
2020-07-26 01:51:57
阅读次数：
89
vue-print-nb html2canvas handlePrint(el) { let htmlDom = document.getElementById(el) const loading = this.$loading({ lock: true, customClass: 'canvas- ...
分类：
Web程序 时间：
2020-07-26 00:40:09
阅读次数：
104
HTML5基础 了解HTML5 HTML5属于上一代HTML的新迭代语言，设计HTML5最主要的目的是为了在移动设备上支持多媒体 新特性： 取消了过时的显示效果标记 <font></font> 和 <center></center> ... 新语义标签的引入 新表单元素引入 canvas标签（图形设 ...
分类：
Web程序 时间：
2020-07-24 16:02:29
阅读次数：
96
[1]组成 [2]内核 [3]渲染流程 [4]资源加载 [5]缓存 [6]网页解析 [7]硬件加速 [8]重绘回流 前面的话 浏览器（browser application）是专门用来访问和浏览万维网页面的客户端软件，也是现代计算机系统中应用最为广泛的软件之一，其重要性不言而喻。前端工程师作为负责程 ...
分类：
其他好文 时间：
2020-07-23 23:01:27
阅读次数：
66
第一种写法(错误)： var downLoadImgUrl = $("#QRCode-item canvas")[0].toDataURL("image/png"); 第二种写法(正确)： var _fixType = function(type) { type = type.toLowerCase ...
分类：
Web程序 时间：
2020-07-23 22:46:24
阅读次数：
218
<template><view class="content"><!-- 引入的mpvue-echarts组件 --><uni-echarts class="ec-canvas" id="line-chart" ref="canvas" canvas-id="line-chart" :ec="ech ...
分类：
移动开发 时间：
2020-07-22 20:53:37
阅读次数：
315
html5 canvas 画一个矩形，在矩形里添加文字。 文字颜色与矩形背景颜色问题？？html5 canvas 画一个矩形，在矩形里添加文字。 文字颜色与矩形背景颜色问题。 JScript code var c=this.callout[0]; var cxt=c.getContext("2d") ...
分类：
Web程序 时间：
2020-07-22 20:37:12
阅读次数：
144
