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)

相关推荐

  • 简单平面图怎么画,ppt怎么做简单的平面图

    技术简单平面图怎么画,ppt怎么做简单的平面图1/7
    第一步:在PPT2010中,单击“插入”选项卡,在“插图”组中单击“形状”按钮,在弹出的下拉面板中选择“线条”中的“箭头”,在PPT编辑区按着shift键用鼠标横向拖

    生活 2021年10月30日
  • HTTP和HTTPS访问本机localhost WEB服务器网站的示例分析

    技术HTTP和HTTPS访问本机localhost WEB服务器网站的示例分析HTTP和HTTPS访问本机localhost WEB服务器网站的示例分析,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解

    攻略 2021年11月12日
  • 如何使用mybatis collection在转化时候报错的问题

    技术如何使用mybatis collection在转化时候报错的问题如何使用mybatis collection在转化时候报错的问题,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章

    攻略 2021年10月20日
  • mysql事务有哪些特性

    技术mysql事务有哪些特性小编给大家分享一下mysql事务有哪些特性,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!简介事务是由一组sql语句

    攻略 2021年12月11日
  • 在Linux下加密授权无效的问题怎么排查

    技术在Linux下加密授权无效的问题怎么排查本篇内容主要讲解“在Linux下加密授权无效的问题怎么排查”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“在Linux下加密授权无效

    攻略 2021年11月23日
  • GOF设计模式在Spring框架中怎么实现

    技术GOF设计模式在Spring框架中怎么实现GOF设计模式在Spring框架中怎么实现,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。GOF

    攻略 2021年10月27日