码迷,mamicode.com
首页 >  
搜索关键字:canvas todataurl转base64将多张图片合成一个图片    ( 5414个结果
kinaba 安装踩坑: FATAL Error: [elasticsearch.url]: definition for this key is missing 转
安装 https://www.jianshu.com/p/875457cb8da6 操作系统:Linux kibana 版本: 7.4.0 1. 在/etc/yum.repos.d/ 下新建 kibana.repo 配置 yum 源地址 内容如下: [root@localhost yum.repos ...
分类:Web程序   时间:2020-07-03 12:18:34    阅读次数:249
Canvas 绘制圆形图片、绘制圆角矩形图片?
前言 在 Canvas 中我们常常遇到的一个需求 绘制一个圆形或者一个圆角矩形图像,常用于展示用户头像,我们知道 CSS 有 border-radius 属性,但是 Canvas 是没有的~😂 很尴尬,我们就来瞅瞅怎么整出一个圆形头像~ Part.1 效果 圆形头像 圆角矩形 Part.2 原理 ...
分类:其他好文   时间:2020-07-02 21:44:20    阅读次数:78
原生 JS + Canvas 实现五子棋游戏
一、 简介 谷歌地图API允许web开发人员仅仅使用几行代码就可以通过其神奇的内置功能创建卓越的用户体验。然而,它也存在一个明显的不足——在映射标记方面缺乏灵活性和创造性。 当然,你可以添加自定义标记图像、工具提示和相应的标签,但所有这些都是静态的、以面向文本的方式进行交互。此外,并不存在某种标准的 ...
分类:Web程序   时间:2020-07-01 09:46:07    阅读次数:82
web调用摄像头拍照
`<!doctype html> 拍照 拍照 --> !(function () { function takePhotos() { if (videoPlaying) { let canvas = document.getElementById('canvas'); canvas.width = ...
分类:Web程序   时间:2020-06-28 14:57:59    阅读次数:59
可拖拽圆形进度条组件(支持移动端)
好久之前写过一个可拖拽圆形进度条的dome,中间有网友反馈过一些问题,最近比较闲有时间修改了一些问题也做了一些优化,并封装成组件,基于canvas实现,只需传入放置组件dom容器,任何框架均可直接使用; codepen 示例如下:https://codepen.io/pangyongsheng/pe ...
分类:移动开发   时间:2020-06-28 13:02:15    阅读次数:201
JavaScript图形实例:波形组合图案
1.波形图案 采用正弦函数可以绘制正弦波形图案。编写如下的HTML代码。 <!DOCTYPE html> <head> <title>波形图案</title> <script type="text/javascript"> function draw(id) { var canvas=documen ...
分类:编程语言   时间:2020-06-28 10:04:05    阅读次数:90
JavaScript图形实例:从小星星到环带
1.小星星 设有如下的曲线参数方程: N=5 x = r*sin(nθ)*cos(θ) y = r*sin(nθ)*sin(θ) (0≤θ≤2π) 用循环依次取θ值为0~2π(每次增量为π/64),计算出X和Y,在canvas画布中将坐标点(X,Y)用线连起来,可绘制出一个一个5瓣花卉图案。 编写如 ...
分类:编程语言   时间:2020-06-26 11:01:11    阅读次数:84
JavaScript图形实例:曲线方程
在HTML5 Canvas画布中,我们可以根据曲线的方程绘制出曲线。例如,在笛卡尔坐标系中,圆的方程为: x=r*cos(θ) y=r*sin(θ) (0≤θ≤2π) 编写如下的HTML代码。 <!DOCTYPE html> <head> <title>圆</title> <script type= ...
分类:编程语言   时间:2020-06-26 10:25:33    阅读次数:91
自定义圆角的Relativelayout
package com.ymw.sqlite.view;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint; ...
分类:其他好文   时间:2020-06-25 15:52:51    阅读次数:153
JavaScript图形实例:太极图
在Canvas API中,上下文CanvasRenderingContext2D对象提供了一个绘制圆与圆弧的方法,其基本格式为: void arc(in float x, in float y, in float radius, in float startAngle, in float endAn ...
分类:编程语言   时间:2020-06-25 09:41:17    阅读次数:87
5414条   上一页 1 ... 8 9 10 11 12 ... 542 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!