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)

相关推荐

  • 霸王龙和其他食肉恐龙,阿根延龙和霸王龙谁厉害

    技术霸王龙和其他食肉恐龙,阿根延龙和霸王龙谁厉害题主说的应该是阿根廷龙和霸王龙谁更厉害吧霸王龙和其他食肉恐龙?虽然两种动物都是恐龙,但是它们生活的时代却差了两千多万年。那要想知道两个不是同时期的恐龙究竟谁更厉害?我们只能

    生活 2021年10月26日
  • html中如何缩小图片(html如何将图片放大)

    技术html如何放大图片这篇文章主要讲解了“html如何放大图片”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html如何放大图片”吧! 方法

    攻略 2021年12月23日
  • 排山倒海的倒的意思,排山倒海形常用来形容什么

    技术排山倒海的倒的意思,排山倒海形常用来形容什么排山倒海这个词语常用来形容力量强盛,声势浩大排山倒海的倒的意思。【出自】:宋·杨万里《六月二十四日病起喜雨》:“病势初来敌颇强,排山倒海也难当。”
    【解释】:初来对抗很强势

    生活 2021年10月27日
  • 华为手机什么型号好,现在买华为的哪个手机好

    技术华为手机什么型号好,现在买华为的哪个手机好别买HUAWEI容易撞机 会议全是华为 如果你硬要买的话 我推荐 华为p10华为p10屏幕尺寸5.1刚刚适合 用习惯i

    生活 2021年10月28日
  • activity与task启动方式(tasker调用activity)

    技术怎么以singleTask的方式来启动SubActivity本篇内容主要讲解“怎么以singleTask的方式来启动SubActivity”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编

    攻略 2021年12月18日
  • Sentinel动态数据源架构设计理念与改造实践是怎么样的

    技术Sentinel动态数据源架构设计理念与改造实践是怎么样的今天就跟大家聊聊有关Sentinel动态数据源架构设计理念与改造实践是怎么样的,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根

    攻略 2021年10月21日