web前端实现任意文字转粒子方法是什么

技术web前端实现任意文字转粒子方法是什么本篇内容介绍了“web前端实现任意文字转粒子方法是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔

本文介绍了关于“在web前端将任意文本转换成粒子的方法是什么”的知识。很多人在实际办案过程中都会遇到这样的困难。接下来,让边肖带领大家学习如何应对这些情况!希望大家认真阅读,学点东西!

w和h分别指窗户的宽度和高度。

componentDidMount(){ 0

varc=document . getelementbyid(' canvas ');

varctx=c . GetContext(' 2d ');

ctx.fillStyle=' # fff

ctx.fillRect(0,0,100,50);

ctx.font=' 50pxArial

ctx.textBaseline=' top

ctx.fillStyle=' red

ctx.fillText('HELLO ',0,0);

variamgdata=CTX . getimagedata(0,0,300,50)。数据;

letpoint=[],x=[]

for(leti=0;iimgData.lengthI){ 0

for(letj=I * 1200;j(I 1)* 1200;j=4){ 0

if(img data[j]==255 img data[j 1]==0 img data[j 2]==0)}

x.push(j00)

}

}

if(x . length){ 0

point.push(x)

x=[]

}

}

c.width=w

c .高度=h

ctx.fillStyle='红色'

for(leti=0;ipoint.lengthI){ 0

for(letj=0;j点[i]。长度;j ){

CTX . BeginPath();

ctx.arc(点[i][j],i*10 100,2,0,2*Math。PI);

ctx.fill()

}

}

}“在}“web”前端把任意字转换成粒子的方法是什么”这里介绍一下。感谢阅读。如果你想了解更多的行业,可以关注网站。边肖将为您输出更多高质量的实用文章!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/71147.html

(0)

相关推荐

  • 饮料瓶,饮料瓶为什么是圆柱形的

    技术饮料瓶,饮料瓶为什么是圆柱形的1.从安全角度考虑饮料瓶,圆柱体没有凸起部分,由于酒瓶是用玻璃制成,所以很容易造成意外伤害,做成圆柱体,会使整体比较圆滑,不容易划伤人。2.从容量方面考虑,当高度一定时,底面积是圆的物体

    生活 2021年10月21日
  • 怎么刷抖音粉丝,刷抖音粉丝网站最便宜?

    技术怎么刷抖音粉丝,刷抖音粉丝网站最便宜?抖音便宜刷粉网站,刷抖音粉丝网站最便宜抖音刷粉丝的平台网站搜索应该也很多,价格差异也很大,原因主要是看做单的号的质量,有的机器刷单,有的是真人接单,有的是群派单,还有的是真机养的

    测评 2021年10月20日
  • Java集合框架之如何使用List ArrayList LinkedList

    技术Java集合框架之如何使用List ArrayList LinkedList这篇文章主要讲解了“Java集合框架之如何使用List ArrayList LinkedList”,文中的讲解内容简单清晰,易于学习与理解,

    攻略 2021年10月25日
  • C++怎么定义析构函数

    技术C++怎么定义析构函数这篇文章主要讲解了“C++怎么定义析构函数”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“C++怎么定义析构函数”吧!如果一个类需要明确的销毁动作

    攻略 2021年11月29日
  • 如何进行nmap主机的使用

    技术如何进行nmap主机的使用如何进行nmap主机的使用,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。我们来看下如何使用nmapping 扫描选项参数 -s

    攻略 2021年12月9日
  • Oracle数据的维护指令有哪些

    技术Oracle数据的维护指令有哪些这篇文章将为大家详细讲解有关Oracle数据的维护指令有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。  一、SQL  1.SQL-Struct

    攻略 2021年11月20日