<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maxim ...
分类：
其他好文 时间：
2020-06-08 12:25:02
阅读次数：
88
vue-canvas-effect canvas动画合集Vue组件 <p align="center"> [? online demo](https://chenxuan0000.github.io/vue-canvas-effect/index.html) </p> 内容 浏览器兼容 安装 使用 ...
分类：
其他好文 时间：
2020-06-07 13:10:30
阅读次数：
129
在写demo练习canvas画图时，新建一个canvas画布，先将宽高写在了css中，没有在canvas标签中设定宽高，得到的效果是错误的，代码及效果如下， 正确的情况是一条45度倾斜从（10,10）到（200,200）的直线，但是显示的效果变形了。查阅资料找到了原因。 <canvas >中有默认宽 ...
分类：
Web程序 时间：
2020-06-06 10:51:50
阅读次数：
87
1.canvas绘制文本坑点 绘制的文本不管多长，永远只有一行，不会断行。 2.解决思路 根据每行文本字数来断行,超出的就向下排列。 由于 canvas绘制文本的语法如下： context.fillText(text,x,y,maxWidth); 所以需要知道文本的起始坐标（x,y） 3.具体分析 ...
分类：
微信 时间：
2020-06-05 13:04:05
阅读次数：
133
每个小程序成型后，一般都会选择生成带菊花码的海报分享出去来吸引更多的流量。下面来介绍下其他的一种实现方式吧 原理：主要利用微信小程序强大的Canvas API来合成，生成后可用wx.canvasToTempFilePath()导出图片地址，从而可实现预览及保存至手机相册 一、如何使用 打开项目文件夹 ...
分类：
微信 时间：
2020-06-04 20:02:09
阅读次数：
119
之前在一个移动端的抽奖页面中，在抽奖结果的展示窗口需要弹幕轮播显示，之前踩过一些小坑，现在总结一下前端弹幕效果的实现方式。 css3实现乞丐版的弹幕 css3弹幕性能优化 canvas实现弹幕 canva弹幕的扩展功能 本文原文地址在我的博客主页：原文地址 1. css3实现乞丐版的弹幕 (1)如何 ...
分类：
Web程序 时间：
2020-06-02 11:38:27
阅读次数：
70
1，cover-image用法 覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view，支持嵌套在cover-view里 2，cover-view用法 覆盖在原生组件之上的文本视图。 可覆盖的原生组件包括 map、video、canvas、camera、live-player、live ...
分类：
微信 时间：
2020-06-02 10:59:43
阅读次数：
98
前言:canvas是HTML5出来的绘图API容器，对于图形的处理非常强大，下面使用canvas配合JavaScript来做一下动态画圆效果。可以用它来做圆形进度条来使用。arc()实现画圆通过设置的开始角度和结束角度来做限定，然后通过累加临时的角度变量实现动画效果。相关函数： context.ar ...
分类：
其他好文 时间：
2020-06-01 00:42:36
阅读次数：
80
var dataURL; html2canvas(document.querySelector(".poster_template_con"),{useCORS:true,logging:true}).then(canvas => { document.body.appendChild(canvas ...
分类：
Web程序 时间：
2020-05-31 18:20:41
阅读次数：
116
最近接手了一个小型的H5，最主要的功能大概就是拍照上传和canvas画板了。 主要是记录一下自己菜到像傻子一样的技术。 1、canvas画板隔空打牛！画布越往上部分错位距离越小，越往下距离越大。 2、图片上传！白板涂鸦的内容是以base64的形式传给后端工程师的，图片上传的图片是路径，后端要求统一格 ...
分类：
其他好文 时间：
2020-05-31 00:50:23
阅读次数：
71
