wxml: <view catchtouchmove="preventTouchMove" wx:if="{{canvas_haoBao}}"> <view class='warp_' style="overflow-y: scroll;"> <view style='' style='positi ...
分类:
微信 时间:
2020-04-25 19:05:39
阅读次数:
103
我的前端知识清单 做前端也有几年了,整理了一份平时常用的技术列表,欢迎大家补充。 html方向 html4标签 html5标签,语义化,媒体标签等 svg canvas web workers manifest pwa:service worker(workbox) css方向 css2语法 css ...
分类:
其他好文 时间:
2020-04-25 18:53:51
阅读次数:
66
Canvas(3) 绘制饼状图 有关canvas之前有写过两篇文章 1、 "Canvas(1) 概述+简单示例" 2、 "Canvas(2) 绘制折线图" 在绘制饼状图之前,我们先要理解什么是圆弧,如何在画布中绘制文字等等。所以这里将绘制饼状图理解拆分成以下几个步骤: 弧度是一种长度的描述单位, 一 ...
分类:
其他好文 时间:
2020-04-25 00:44:18
阅读次数:
78
今天要分享的是用html2canvas根据自己的需求生成截图,并且修复html2canvas截图模糊,以及绕过服务器图片保存至本地。 只需要短短的几行代码,就能根据所需的dom截图,是不是很方便,但是生成的图片模糊//直接选择要截图的dom,就能截图,但是因为canvas的原因,生成的图片模糊 ht ...
分类:
Web程序 时间:
2020-04-24 14:42:56
阅读次数:
74
同步发布:https://blog.jijian.link/2020-04-05/canvas-get-color/ 由于功能受限,此处不能放 iframe 嵌入链接,如需看到实时效果,请移步 https://blog.jijian.link/2020-04-05/canvas-get-color/ ...
分类:
其他好文 时间:
2020-04-24 14:40:08
阅读次数:
209
JavaScript 写法类似于 C++ 写法。 相关内容详细介绍请移步官网:【https://docs.opencv.org/3.3.1/de/d06/tutorial_js_basic_ops.html】 at 方法 Mat TypeAt Manipulation CV_8U ucharAt C ...
分类:
Web程序 时间:
2020-04-24 01:14:19
阅读次数:
103
上一篇文章讲解了如何用js+canvas实现粒子时钟,本篇文章 ,主要是使用vue重构,让它在vue也能使用。 我们使用简单的方式重构,不使用vue工程,先加入vue cdn的地址,如下: <script src="https://cdn.jsdelivr.net/npm/vue"></script ...
分类:
其他好文 时间:
2020-04-23 23:25:40
阅读次数:
93
我们先看看粒子时钟的效果,如下:下面我们将通过canvas和js实现,首先要创建一个html文件并添加一个canvas画布,如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</titl ...
分类:
其他好文 时间:
2020-04-23 23:01:19
阅读次数:
61
如果您想要综合使用javascript中canvas、原生拖拽、本地存储等多种技术完成一个有趣的项目,那么这篇博文将非常适合您,水平有限,还望感兴趣的开发人员给予更多代码优化建议。 1 简介和源码 该项目中的拼图小游戏使用javascript原创,相比于网站上类似的功能,它使用到的技术点更先进丰富, ...
分类:
其他好文 时间:
2020-04-23 20:59:58
阅读次数:
59
原来用的插件,里面东西太乱了,一会jq,一会原生js,本来原生js就不熟,看起来更难受,而且感觉好多东西都是没用的,而且后端php转存文件一直不是很熟悉,正好一起整理一下。就是很简单的一个demo,如果需要复杂的功能的话需要自己添加。但是原理基本都在这了,不是很熟的时候可以拿来看看直接用。 html ...
分类:
Web程序 时间:
2020-04-23 01:03:15
阅读次数:
87