浪漫的星光闪烁文案短句

关于26句浪漫的星光闪烁文案短句摘抄分享！

1.太耀眼的城市不适合看星星，就象你的心不适合谈安定。

2.扬起头，星星们以自己独特的美给以世界最恬静的景图。为乡村抹上别样的魅力，是乡村增添了一份独特的风味。让月下之人沉醉在唯美的遐想之中。在夜空，仿佛是天上的人儿提着灯笼在巡视那浩瀚的太空。

3.星星像一双明亮的眼睛在夜空中照耀。

4.满天的小星斗，它们尽着自己的力量，把点点滴滴的光芒融汇在一起；虽然不如太阳那么辉煌，也不如月亮那样清澈，但它们梦幻般的光洒到了人间，把大地变成了一个奇异的世界，诱发着人们探索的欲望。

5.你是月亮，照亮我黑夜坎坷的路程；你是晶莹灿烂的星星哟，点缀我心底荒芜的梦；你是绚丽娇艳的云彩，装扮我生活里单调的天空。

6.深蓝色的天空，星光灿烂，真像一个巨大的棋盘里布满了棋子，又像一群调皮的孩子在玩游戏。

7.星垂平野阔，月涌大江流。

8.想离开地球穿过宇宙到月球买牛奶，想手持这份银河漫游指南踏着皎洁月光和每颗星星说些无关紧要的废话。

9.寂夜的空，没有星星，连月亮也不知躲去了哪儿。

10.我会带着月亮的温柔，和星星的光亮，顺着银河，进入你梦里。

11.小时候，看着满天的星星，当流星飞过的时候，却总是来不及许愿。长大了，遇见了自己喜欢的人，却还是来不及。《停不了的爱》

12.七月的星空是一年当中最美丽的。那一条白带似的银河悬挂于空中，再一看却是星星组成的。乍一看，星星好像是一个模子里出来的，仔细一看，就会发现它们也有许多不同之处。有的星星发红、发暗，有的星星则白得耀眼；有的是一闪一闪地发亮，有的则一直亮个不停，还有的星星会动，一步一步地“走”。虽然不是中秋，可那轮圆月，依旧圆得可爱。

13.可能你是太阳，而我是星星，谁让太阳和星星一辈子都不可能呢？

14.银河中的几颗星星看上去好像一只展翅的白天鹅，正在梳理着自己的羽毛，想让自己变得更美丽、更漂亮，好像要成为整个银河中最美的星星。

15.白茫茫的银河，有着许许多多的小点点在这长河里，到处嬉戏玩耍着，在角落上的几颗星星十分安静，很安详地看着其它的星星在玩耍，好像是几位老人。

原文来源：

https://wenan.5186a.com/wenan/19907.html

如果你也喜欢我收藏的文案，记得关注我哦！么么哒！

文案发布仅用作网友阅读分享之目的，如有版权问题，请联系删除。

、前言

在浏览一些图片网站的时候，经常会看到很多的漂亮的星空图，比如，下面的图片。其实这种星星图片的效果，也可以通过html+css样式和js的方式来实现。今天教大家如何实现星星图的效果。

二、项目准备

软件：Dreamweaver

三、实现的目标

每次刷新产生随机的星星个数。显示画布上。

四、项目实现

1. 创建canvas画布

<body>
    <canvas id='canvas'></canvas>
</body>

2. 添加css样式。

给canva 画布加上边框，方便观察。

<style type="text/css">
    canvas{
        border:2px solid #f00;
}
</style>

3.添加js样式

3.1 设置canvas画布大小，定义需要变量。

<script type="text/javascript">
     var _canvas=document.getElementById("canvas")
    _canvas.width=500;
    _canvas.height=500;
var r,g ,b,a;
</script>

3.2 产生随机圆。

for (var j=0; j < 150; j++) {
        arc.x=Math.floor(Math.random()*_canvas.width);
        arc.y=Math.floor(Math.random()*_canvas.height);
        arc.r=Math.floor(Math.random()*31+10);
        r=Math.ceil(Math.random()*256);
        g=Math.ceil(Math.random()*256);
        b=Math.ceil(Math.random()*256);
        a=Math.random();


        darw();
}

3.3 定义draw()方法，通过画星星公式，将圆形转换成星星状 for 循环产生随机位置星星。

如何画星星？（公式解析）（图片来源百度）

星星有内切圆和外切圆，每两个点之间的角度是固定的，因此可得到星星的每个点的坐标，画出星星。

/* 随机产生星星*/
for (var i=0; i < 5; i++) {


        _ctx.lineTo(Math.cos((18+72*i)/180*Math.PI)*arc.r+arc.x, -Math.sin((18+72*i)/180*Math.PI)*arc.r+arc.y);


         _ctx.lineTo(Math.cos((54+72*i)/180*Math.PI)*arc.r/2+arc.x, -Math.sin((54+72*i)/180*Math.PI)*arc.r/2+arc.y);
     
}

3.4 随机产生颜色。

Math函数随机产生0-225的RGB值。

/* 随机颜色*/ 
    _ctx.fillStyle="rgba(" + r + "," + g + "," + b + "," + a + ")"; 
    _ctx.fill();
        _ctx.strokeStyle="rgba(" + r + "," + g + "," + b + "," + a + ")";
      _ctx.stroke();
      }

3.5. 调用draw()方法实现功能。

darw();

五、效果展示

1、点击f12运行到浏览器

2、每次刷新网页，随机产生不一样的星星和随机颜色。

六、总结

本项目利用canvas画布，实现星星图的效果，以及在运用javascript产生星星效果时，遇到的一些难点进行了分析及提供解决方案。
欢迎大家积极尝试，有时候看到别人实现起来很简单，但是到自己动手实现的时候，总会有各种各样的问题，切勿眼高手低，勤动手，才可以理解的更加深刻。
代码很简单，希望对你有所启发。

想学习更多前端、Python爬虫、大数据等计算机知识，请前往：http://pdcfighting.com/

们可以运用canvas在浏览器中绘制出各种漂亮的图形，仅需要确定图形的各个坐标点即可完成我们所需要的任务。如果我们要想画出精确的图案，就需要精确的计算出每个坐标点。下面给出了画五角星的基本方法（仅供参考），只要掌握了步骤，准确计算出坐标点，就可以绘制出比下面的这个图好看，那就先看看步骤和代码是怎样实现的吧。

一、Canvas绘制五角星的步骤

 <!--<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>绘制五角星</title> 
</head>
<body>
<canvas id="demo">
您的浏览器不支持 HTML5 canvas 标签。
</canvas>
<script>
var canvas=document.getElementById("demo");
canvas.width=500;
canvas.height=500;
canvas.style.border="1px solid pink";
var ctx=canvas.getContext("2d");
// 找到起始点
ctx.moveTo(0, 150);
// 到达结束点
ctx.lineTo(500, 150);
ctx.lineTo(0,500);
ctx.lineTo(250,0);
ctx.lineTo(500,500);
// ctx.lineTo(0, 100);
// 闭合线段
ctx.closePath();
// 设置线段描边的颜色
ctx.strokeStyle="red";
// 设置描边的宽度
ctx.lineWidth=2;
// 将线段描边
ctx.stroke();
// 设置填充的属性值
ctx.fillStyle="yellow";
// 设置填充的颜色
ctx.fill();
</script>
</body>
</html>-->

二、Canvas绘制出的五角星图形

在线咨询

上一篇：CSS定位属性用CSS定位属性精确控制你的网页布局！
下一篇：《蔚蓝》开发者在《马里奥制造2》上设计了一批“蔚蓝风

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商