整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          浪漫的星光閃爍文案短句

          浪漫的星光閃爍文案短句

          關于26句浪漫的星光閃爍文案短句摘抄分享!

          1.太耀眼的城市不適合看星星,就象你的心不適合談安定。

          2.揚起頭,星星們以自己獨特的美給以世界最恬靜的景圖。為鄉村抹上別樣的魅力,是鄉村增添了一份獨特的風味。讓月下之人沉醉在唯美的遐想之中。在夜空,仿佛是天上的人兒提著燈籠在巡視那浩瀚的太空。

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

          4.滿天的小星斗,它們盡著自己的力量,把點點滴滴的光芒融匯在一起;雖然不如太陽那么輝煌,也不如月亮那樣清澈,但它們夢幻般的光灑到了人間,把大地變成了一個奇異的世界,誘發著人們探索的欲望。

          5.你是月亮,照亮我黑夜坎坷的路程;你是晶瑩燦爛的星星喲,點綴我心底荒蕪的夢;你是絢麗嬌艷的云彩,裝扮我生活里單調的天空。

          6.深藍色的天空,星光燦爛,真像一個巨大的棋盤里布滿了棋子,又像一群調皮的孩子在玩游戲。

          7.星垂平野闊,月涌大江流。

          8.想離開地球穿過宇宙到月球買牛奶,想手持這份銀河漫游指南踏著皎潔月光和每顆星星說些無關緊要的廢話。

          9.寂夜的空,沒有星星,連月亮也不知躲去了哪兒。

          10.我會帶著月亮的溫柔,和星星的光亮,順著銀河,進入你夢里。

          11.小時候,看著滿天的星星,當流星飛過的時候,卻總是來不及許愿。長大了,遇見了自己喜歡的人,卻還是來不及?!锻2涣说膼邸?/span>

          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、每次刷新網頁,隨機產生不一樣的星星和隨機顏色。


          六、總結

          1. 本項目利用canvas畫布,實現星星圖的效果,以及在運用javascript產生星星效果時,遇到的一些難點進行了分析及提供解決方案。
          2. 歡迎大家積極嘗試,有時候看到別人實現起來很簡單,但是到自己動手實現的時候,總會有各種各樣的問題,切勿眼高手低,勤動手,才可以理解的更加深刻。
          3. 代碼很簡單,希望對你有所啟發。

          想學習更多前端、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繪制出的五角星圖形


          主站蜘蛛池模板: 乱码精品一区二区三区| 在线观看国产一区| 亚洲一区二区三区乱码A| 国产视频一区二区在线播放| 成人一区二区三区视频在线观看| 亚洲色欲一区二区三区在线观看| 国产精品日韩一区二区三区| 亚洲熟妇av一区| 国产精品美女一区二区视频| 国产av福利一区二区三巨| 日本一区二区三区在线观看视频 | 性色av一区二区三区夜夜嗨 | 国产aⅴ一区二区| 亚洲精品色播一区二区| 亚洲福利秒拍一区二区| 99精品一区二区免费视频| 日韩精品一区二区三区四区| 亚洲乱码日产一区三区| 99久久国产精品免费一区二区 | 国产精品第一区第27页| 福利一区福利二区| 亚洲国产精品一区二区九九| 国产成人精品一区二区三区| 亚洲午夜精品第一区二区8050| 四虎永久在线精品免费一区二区| 国产综合精品一区二区| 无码av不卡一区二区三区| 97精品国产福利一区二区三区| 好吊视频一区二区三区| 国产一区二区中文字幕| 亚洲国产日韩一区高清在线 | 成人毛片一区二区| 国产在线一区二区三区在线| 日韩一区二区三区在线精品 | 中文字幕精品一区二区日本| 国产对白精品刺激一区二区 | 国产一区麻豆剧传媒果冻精品| 国精产品一区一区三区| 91精品一区二区三区在线观看| 加勒比无码一区二区三区| 武侠古典一区二区三区中文|