canvans

庆祝中国共产党成立100周年，用代码给你们搞个烟花

在网上转载大神写的,用谷歌浏览最好代码里调用run()可实现带线的烟花,点击canvas生成一朵烟花右击canvas清空一次画布双击canvans生成一朵带线的随机烟花代码里我将clear()方法隐藏掉了
带着蓝忘机回家·2024-02-06 13:08

Android绘制垂直进度条并且动态更改进度条颜色

原因分析：我们完全可以继承View会致我们自定义的组件，分析一下进度条无非就是矩形或者Pie我们可以使用CanVans来绘制属于我们自己的进度条，并且定义不同数值的情况下，展示不同的颜色解决
Trump. yang·2023-12-29 18:13

前端上传图片前压缩并预览vue+canvans

做个随笔，怕我忘了，参考链接为https://blog.csdn.net/qq_40816649/article/details/88393825框架vant，组件代码为身份证正面(带人像)如果用的原生的就是inputfile那种的其实也一样然后在method里,这个是压缩图片代码compress(img){leturl=''varw=Math.min(700,img.width);//当图片像素
icon_85da·2023-12-05 20:49

用canvas做柱状图

Canvans绘制统计图body{text-align:center;}canvas{background:#ddd;}Canvans绘制坐标系您的浏览器不支持Canvas标签！
常威在打来福~·2023-08-29 05:37

Unity中影响UI排序的组件

1.Canvas的SortOrder2.SortingGroup（这个相当于一个Canvans，主要是canvas中穿插粒子，或者是Mesh的话可以用这个控制渲染层级）3.UI的Z坐标影响UI渲染排序的排序顺序
天才小熊猫oo·2023-08-06 20:09

如何用canvans实现地图上的运动轨迹

1.先需要一个地图的图片2.通过canvas绘制出运动轨迹//创建渐变functioncreateGradient(context,p0,p1){constgradient=context.createLinearGradient(p0.x,p0.y,p1.x,p1.y);gradient.addColorStop(0,"rgba(255,0,255,0)");gradient.addColorS
cuiyuchen111·2023-07-26 01:15

用vue实现H5之canvas海报分享

之前有分享过用uni-app实现canvans的文章：https://www.jianshu.com/p/7c57ee8d1a31实现大致相同，以下列出关键代码：xmljs获取canvas和context
Minoz_min·2023-06-20 23:02

记录解决echarts文字显示不清晰问题

$echarts.init(document.getElementById('supplierContentChart'),null,{renderer:'svg'})//采用svg渲染，比canvans
剑九 六千里·2023-02-24 03:59

记录一次利用canvans解决数据可视化问题：箱图转换为对应圆

先看最终效果图需求：箱图种每个箱子都有自己对应的圆心和半径，以及当前图上对应的y轴的取值范围（可缩放），根据这三个值，画出一个圆心在同一条竖线上一一对应的圆形象的画一下：，再给它想办法搬到标准直角坐标系上可以看到，所有的圆的圆心坐标都是（0，？），而此时的直角坐标系的y的最大值和最小值，我们可以任意给，且是对称的，我们给到600.-600，此时我们只需要算出来真实的每个圆在右侧的坐标系里的圆心坐标
·2023-01-06 20:49

（简单详细）uniapp实现自定义海报内容并生成海报二维码图片（可拖拽，可调节大小）

实现效果应用场景公司遇到一个需要实现自定义海报才可以满足客户需求的问题，实现自定义海报内容，同时上传的二维码可以自动调节，需要用到canvans的知识，如果没有，那么可以直接使用我的这个案例即可案例地址
_揽·2022-10-24 09:00

qrcode.react组件生成的二维码打包下载

需求用qrcode.react组件生成二维码前端实现批量打包下载二维码功能思路qrcode.react组件生成的二维码默认是canvans将canvans转成base64然后整合放入到JSZip对象里最后生成
·2021-09-16 16:55

鼠标移动淡入淡出Canvas小球效果_特炫

background:black;}JSletcanvas=document.getElementById('canvas')window.onresize=canvasOnresize//页面大小改变canvans
六卿·2021-04-22 11:33

微信小游戏开发小记

下面开始写一下关于遇到的一些问题以及解决方法的总结，一、开放数据域绘制图片问题在DOM环境中使用Canvans绘制图片我们一般是使用如下的方式：varimg=document.getElementById
·2021-04-08 13:43

js canvas实现五子棋小游戏

本文实例为大家分享了canvas实现五子棋小游戏的具体代码，供大家参考，具体内容如下效果思路canvans绘制棋盘，绘制时候边缘预留棋子位置监听点击事件绘制落子并记录到字典中获胜判定，在四个方向上检测是否有足够数量的连贯棋子代码
·2021-01-22 13:33

离屏Canvas(Offscreencanvas) + web Worker 优化多张图片旋转角度

二、本次场景描述需要多张图片进行任意角度旋转，如果在普通的canvans下进行任意
雨初眠·2020-09-18 17:39

Android绘图篇(一)——Canvans基本操作

前言：Canvas，是Android绘图机制的核心api，可以绘制出矩形、圆形、贝塞尔曲线、路径、文字等等各种图形，在Android的自定义View中需要大量用到这个类。现实生活中，我们在纸上画出一幅画，需要三样东西：画笔、画板、纸张。而Canvas就相当于画板，至于为什么不是纸张，咱们后面再说~PaintPaint，画笔，绘图三要素之一。常用api如下：//初始化画笔paint=newPaint
无心.·2020-09-16 15:46

THREE实战5_canvans纹理

canvans纹理效果图在canvas画时钟将canvas传递给THREE.Texture纹理将纹理传递给THREE.MeshBasicMareial材质构造THREE.Mesh在3D纹理的基础利用js
yma16·2020-08-12 12:16

小程序使用wxml2-canvans制作图片并下载

一、js插件下载https://pan.baidu.com/s/1jgAUpAmtTolAaDYU030WSg提取码:tg9f复制这段内容后打开百度网盘手机App，操作更方便哦下载源文件后放到代码包里面上代码，样式可自己编辑{{actInfo.nickname}}发起一个精彩的活动,邀您一起参加{{actInfo.name}}{{actInfo.site}}{{actInfo.time}}扫码识别
hql丶1024·2020-08-03 17:41

一个简单的canvas案例

检测是否支持canvas，有3种方法，案例用第3种：使用引入modernizr.js，到官网www.modernizr.com下载3.创建画布实例，获取2D上下文4.drawScreen()5.标签元素...canvans
JinmyHe·2020-07-08 20:39

canvans绘画柱状图

上期带大家学习了canvas绘画的基础知识，今天我们就用canvas里的知识画一张柱状图吧，正所谓学的知识都要活学活用的。//创建画布的样式*{margin:0;padding:0;}#mycanvas{margin-left:200px;border:1pxsolidred;}//在body里创建一个画布varc=document.getElementById('mycanvas');//获取画
随缘kk·2020-07-07 16:52

真的假的，我不敢相信这是程序员用JS写出来的？

一前端工程师说这是他用JavaScript写出来的，当时看到我是不相信的，可后来想想也不是不可能完成，因为可以用CSS3+canvans结合来写这样的特效，虽然说不是动态特效，但是这类似于3D全景预览了
DarkSpy13·2020-06-29 10:49

关于自定义View中Canvas中一些方法的理解

3、Canvans.restore();把当前画布返回到上一个Save之前的状态。4、Canvas.scale(0.5f,0.5f);将画布进行缩放，以原点（0，0）为基准点缩放0
Serven_·2020-02-15 10:45

BitmapFactory.decodeFile()方法解析出的Bitmap导致Canvans.setBitmap()触发异常

遇到的问题先贴问题代码:publicvoidsetmBitmap(Stringpath){mBitmap=BitmapFactory.decodeFile(path);//这里有错mCanvas.setBitmap(mBitmap);invalidate();}就是这段小小的代码，让我调试了两个钟头，(哭...分析调试一下就会发现问题，直接上图：image.png有一个Bitmap.isMutab
WeroNG·2019-12-30 22:34

Android Canvas 实现抽屉动画和翻滚动画

实现所有的效果都是通过Canvans来实现，也是希望借该博客来和大家来分享一下，当开发时视觉需要实现某些动画效果时，第一想到的不是通过Google去搜索别人的实现，然后去套用，而是沉下
徐正峰·2019-12-18 06:30

canvans画图时，文字分行

dealWords:function(options){options.ctx.setFontSize(options.fontSize);//设置字体大小options.ctx.setFillStyle(options.fillstyle);//设置字体大小varallRow=Math.ceil(options.ctx.measureText(options.word).width/option
随便吧123·2019-08-15 09:00

js+html5 canvas实现ps钢笔抠图

做的过程中走了不少弯路，最终一同事找到了canvans以比较核心的属性globalCompositeOperation="destination-out",属性可以实现通过由多个点构成的闭合区间设置成透明色穿透画布背景色或是背景图片
小菜鸟的梦想·2019-04-28 10:47

canvas 实现波浪线--水波动态效果

/Drawjs.js"asDjsWindow{visible:truewidth:1500height:700title:qsTr("HelloWorld")//波形Canvas{id:canvans;
缘如风·2018-06-21 09:53

html2canvas把div保存图片高清图的方法示例

本文介绍了html2canvas把div保存图片高清图的方法示例，分享给大家，具体如下：http://www.bootcdn.cn/（可以搜索html2canvans）1.选择html2canvas版本
弹琴弹琴·2018-03-05 15:26

Android绘制圆形百分比加载圈效果

先看一组加载效果图，有点粉粉的加载圈：自定义这样的圆形加载圈还是比较简单的,主要是用到Canvans的绘制文本,绘制圆和绘制圆弧的api:/***绘制圆*@paramcx圆心x坐标*@paramcy圆心
mChenys·2017-08-03 15:33

html5 canvas元素渐变

canvas{background:#b8edc9;}您的浏览器不支持varcanvans=document.getElementById('mycanvas');c=canvans.getContext
JRJ1637·2016-12-16 12:30

html2canvas把div保存图片高清图

http://www.bootcdn.cn/（可以搜索html2canvans）1.选择html2canvas版本（这个版本可以放大倍数保证图片清晰）默认生成的canvas图片在retina设备上显示很模糊
弹琴弹琴·2016-11-07 18:31

html2canvas把div保存图片高清图

http://www.bootcdn.cn/（可以搜索html2canvans）1.选择html2canvas版本（这个版本可以放大倍数保证图片清晰）默认生成的canvas图片在retina设备上显示很模糊
bbsyi·2016-11-07 18:00

canvans基本操作

1、绘制矩形函数：   rect(x,y,width,height)   fillRect(x,y,width,height)   strokeRect(x,y,width,height)2、线条属性：    lineWidth()   lineCap="butt"(round,square);     lineJoin=miter(bevel,round);     miterLimit=10;
niuniufei·2016-05-27 13:00

canvans基本操作

阅读更多1、绘制矩形函数：rect(x,y,width,height)fillRect(x,y,width,height)strokeRect(x,y,width,height)2、线条属性：lineWidth()lineCap="butt"(round,square);lineJoin=miter(bevel,round);miterLimit=10;(一旦miter的像素超过一定的像素限制，会
niuniufei·2016-05-27 13:00

基于Echarts 3.19 制作常用的图形(非静态)

页面部分就设置一个div就好了接下来就是js部分了其实Echarts跟HTML5中的Canvans还是有联系的想知道的可以查资料哟$("#btngo").click(function(){/
严芷云·2016-05-19 11:13

如何把base64转成图片

先从视频流中截取图片，转成base64码；functionCatchCode(){varcanvans=document.getElementById("canvas");varimgData=canvans.toDataURL
JH0610Y·2016-02-16 11:48

html5 canvas+js实现ps钢笔抠图

    做的过程中走了不少弯路，最终一同事找到了canvans以比较核心的属性globalCompositeOperation = "destination-out"
·2015-11-13 23:42

基于raphael 的图形变化（支持firefox，chrome，IE， opera）

blog.csdn.net/Vanessa219/archive/2009/04/27/4130250.aspx image.js   $().ready(function() { var canvans_width
·2015-11-13 20:12

HTML5 Canvans(3) 调整Canvas画布大小和擦除

//得到2D渲染上下文 var cancans = document.getElementById("myCanvas"); var width = cancans.getAttribute("width"); var height = cancans.getAttribute("height"); var context =
·2015-11-13 01:50

HTML5 Canvans 常用API整理

所有API调用都是基于自定义的对象 var context = document.getElementById("myCanvas").getContext("2d");中 W3C标准：http://www.w3.org/TR/2012/WD-2dcontext-20120329/ 中文介绍(部分)：http://www.w3school.com.cn/
·2015-11-13 01:50

基于raphael 的图形变化（支持firefox，chrome，IE， opera）

blog.csdn.net/Vanessa219/archive/2009/04/27/4130250.aspx image.js   $().ready(function() { var canvans_width
·2015-11-11 05:10

html5canvans时钟

function drawMark(ctx){             //画时标记  for(var i=1;i12:hour-12;//hour = hour%12;             //清除canvans
韶华易逝·2015-05-11 11:00

Modernizr使用指南

比如：现在要写代码判断浏览器是否支持canvans，大致的代码如下：  window.onload = function () {         if (isSupportCanvas()) {             
水中月120·2015-05-05 21:32

【Android开发】图形图像处理技术-常用绘图类之Canvas类

Canvans类代表画布，通过该类提供的方法，可以绘制各种图形(如矩形、圆形和线条等)。
u013517797·2015-04-20 22:00

delphi完美经典--第五、六章

TForm有Canvas属性：Form1.Canvans.TextOut(100,100,'abc');二、InputBox函数：弹出一个可输入文字的对话框。
caohuicong·2013-07-04 10:00

开发第一个Html5游戏（四）

（译）开发第一个Html5游戏（四）本章我们继续学习用Html5canvans开发游戏，本章我们将加入播放声音功能，以及让游戏精灵跟随我们的鼠标运动。
gutou9·2012-04-07 09:00

基于raphael 的图形变化（支持firefox，chrome，IE， opera）

blog.csdn.net/Vanessa219/archive/2009/04/27/4130250.aspximage.js $().ready(function(){ varcanvans_width=300, canvans_height
晨曦之光·2012-03-09 13:00

Flex学习记录（使用SWFLoader载入SWF）

下列例子载入了外部的SWF 到 TabNavigator 的一个子元件Canvans 容器中。SWFLoader 的source 属性引用了需要被运行 时载入的外部SWF 文件的路径。
dunhuacc12·2010-03-16 14:00

08年 ，JavaScript总结

 JacobSeidelin在他的博客中写道：“2008年真是太棒了，不仅仅是因为很多厉害的人物在使用JavaScript和新的canvans元素，浏览器厂商也在竞争，试图超越对方在JavaScript
elimago·2009-01-12 01:00

08年 ，JavaScript总结

JacobSeidelin在他的博客中写道：“2008年真是太棒了，不仅仅是因为很多厉害的人物在使用JavaScript和新的canvans元素，浏览器厂商也在竞争，试图超越对方在JavaScript方面的表现
61party·2009-01-08 12:00
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他