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月21日
  • HTML5如何使用video

    技术HTML5如何使用video小编给大家分享一下HTML5如何使用video,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!对video的支持

    攻略 2021年11月24日
  • 电烤箱品牌,什么牌子的家用烤箱比较好

    技术电烤箱品牌,什么牌子的家用烤箱比较好大家好,我是Jessica,是一位爱美食、爱分享的美食博主电烤箱品牌。
    家用烤箱有些人为了省空间,追求比较小的。但是我不推荐!
    因为,烤箱容量太小,容易受热不均匀,对烤出的东西有很

    生活 2021年10月26日
  • 火柴英文,小学英语课外教材哪个好

    技术火柴英文,小学英语课外教材哪个好英语课外教材问题,作为资深老师,我想我能提供一些有建设性的建议火柴英文:首先,有考级要求比如剑桥五级考试的学生。小学孩子很多考KET和PET,这些我建议的教材如下:应试的话剑桥的Unl

    2021年10月26日
  • 树莓派如何连接USB摄像头

    技术树莓派如何连接USB摄像头这篇文章主要介绍树莓派如何连接USB摄像头,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!一、用lsusb指令查看一下是否能识别 二、查看/dev设备ls /dev查看

    攻略 2021年11月20日
  • mysql中自增id的示例分析

    技术mysql中自增id的示例分析这篇文章主要介绍了mysql中自增id的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。对于auto_increm

    攻略 2021年11月6日