仅仅使用div作为身体的布局,用css3的各种transform和圆角属性来绘制各个细节的形状,当然也不会使用任何图片哦。那就没意思了。 有的同学说,用canvas不是能画得更逼真而且更简单吗?这点我也非常赞同,但我的理由还是,那就没意思了。 这次用到了一些LESS的特性,通过设置一些指定的参数来生 ...
分类:
Web程序 时间:
2020-04-05 18:43:30
阅读次数:
85
前端面试基础总结 1、跨域解决办法: 1、 通过jsonp跨域 2、 document.domain + iframe跨域 3、 location.hash + iframe 4、 window.name + iframe跨域 5、 postMessage跨域 6、 跨域资源共享(CORS) 7、 ...
分类:
其他好文 时间:
2020-04-03 22:10:29
阅读次数:
108
<template> <!--游玩区域--> <div class="panel"> <canvas id="canvas" @touchstart.prevent="touchStart($event)" @touchmove.prevent="eventMove($event)" :style= ...
分类:
其他好文 时间:
2020-04-02 11:55:41
阅读次数:
73
写在前面:记录下这两天工作中实现的一个小需求,点击按钮根据链接生成店铺对应的二维码,客户端扫描二维码可以实现关注; 之前并没有写过相关的功能,于是各种百度;基本原理就是通过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