解决办法 在项目内添加一个 .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
前言 之前经常在一些网站看到一些特别炫酷的特效,例如文字呈粒子状的特效,或图片的蒙太奇效果,刚巧找了相关的canvas动画研究了一些,因此在这里做一个简单的总结。 思路 一个像素点是由四个值组成的 RGBA,第一个像素点 RGBA [data[0],data[1],data[2],data[3]]; ...
分类:
其他好文 时间:
2020-07-22 20:36:41
阅读次数:
79