情人节:一段 canvas 爱心代码,表白利器!

今天是情人节~

分享一段代码,表白利器!

demo:http://demo.rainman.me/canvas-heart

情人节:一段 canvas 爱心代码,表白利器!

将以下代码添加到网页中即可:

  1. <canvas></canvas>
  2. <script>
  3.     var c = document.getElementsByTagName('canvas')[0];
  4.     var b = document.body;
  5.     var a = c.getContext('2d');
  6.     eval('var M=Math,n=M.pow,i,E=2,F="rgba(233,61,109,",d=M.cos,z=M.sin,L=1,u=30,W=window,w=c.width=W.innerWidth,h=c.height=W.innerHeight,r=_1){return M.random()*2-1},y="px Arial",v="♥",X=w/2,Y=h/2,T=4,p=_1){var e=this;e.g=_1){e.x=X;e.y=Y;e.k=0;e.l=0;e.t=M.random()*19000;e.c=e.t};e.d=_1){a.fillStyle=F+(e.c/e.t)+")";a.fillText(v,e.x,e.y);e.c-=50;e.x+=e.k;e.y+=e.l;e.k=e.k+r();e.l=e.l+r();if(e.c<0||e.x>w||e.x<0||e.y>h||e.y<0){e.g()}};e.g()},A,B;a.textAlign="center";a.strokeStyle="#000";a.lineWidth=2;for(i=0;i<350;i++){M[i]=new p()}setInterval(_1){a.clearRect(0,0,w,h);a.font=u+y;X=(w/6*n(z(T),3)+w/2);Y=0.8*(-h/40*(13*d(T)-5*d(2*T)-2*d(3*T)-d(4*T))+h/2.3);T+=(z(T)+3)/99;for(i=0;i<350;i++){with(M[i]){A=(x/w-0.5)*2,B=-(y/h-0.5);if(L&&(A*A+2*n((B-0.5*n(M.abs(A),0.5)),2))>0.11){k=l=0}d()}}a.font=120+y;if(E>0.1){if(E<1){a.fillStyle=F+E+")";a.fillText("Click",w/2,h/2)}E-=0.02}a.fillStyle="#E93D6D";a.fillText(v,X,Y+u);a.strokeText(v,X,Y+u)},50);b.bgColor="#FFEFF2";c.onmouseup=_1){L=(L)?0:1}'.replace(/(_1)/g,'function('))
  7. </script>

愿单身的人能找到自己温暖的避风港,愿热恋中的人能找到幸福的天堂~

愿天上雀桥结成之时,你我心丝相连。

然而我只能看着你们秀恩爱,混蛋ᕙ(⇀‸↼‵‵)ᕗ

33_2

如果我的文章对您有帮助,请我喝杯咖啡吧~

支付宝转账打赏⬆️

微信钱包转账打赏⬆️

目前评论:6   其中:访客  6   博主  0

  1. 韩国时尚购物起义 0

    天下的黄金是同一种颜色。别对能给你带来财富的对象抱有成见

  2. 网扑蜘 0

    果断收藏!

  3. 自由草 1

    这么几行代码就搞定了

  4. 米粒博客 3

    农历七夕去了

  5. 个人博客 1

    感谢分享

  6. themebetter 3

    情人节是在看着别人秀恩爱中度过的。。。(themebetter更好的主题)

评论加载中...

发表评论

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen: