您現在的位置是:電腦技術吧?>? 編程技術 ??>??心形圖案,qq分組圖案玫瑰心形??>??正文詳情

心形圖案,qq分組圖案玫瑰心形

召陽波2019-11-15 17:50:38 人圍觀
簡介qq桃心圖案渲染:提示:將代碼復制到HTML文件并保存。直接打開看效果。實現代碼:代碼如下:!Doctypehtmlhtmlheadmeta charset=gbktitlqq愛心圖案

效果圖:

提示:把代碼復制到一個html文件中并保存,直接打開即可看到效果。

實現代碼:代碼如下:!DOCTYPE htmlhtmlheadmeta charset = gbktitleHTML5 Demo/titlestyle type=text/css#apDiv1 {position:absolute;width:120px;height:300px;z-index:1;left: 840px;top: 80px;}/style/headbodycanvas id=canvas width=800 height=600 style=border:1px solid #c3c3c3; Your browser does not support the canvas element. /canvas div id=apDiv1form玫瑰曲線方程:r=a bsin(m/n*x)選擇參數:m: input type=number name=m min=2 max=29 value=29/n: input type=number name=n min=1 max=12 value=11/a: input type=number name=a min=0 max=5 value=1/b: input type=number name=b min=1 max=7 value=5/input type=button value= 畫 圖 onClick=draw();hrinput type=button value= 畫 圖 2 onClick=draw2();hrinput type=button value= 心形圖 onClick=draw3();/form/divscript type=text/javascript function draw() { var ctx = document.getElementById('canvas').getContext('2d'); ctx.save(); ctx.translate(400,300); ctx.clearRect(-400,-300,800,600);ctx.strokeStyle = #cc0000; var a = 0, b = 1, m = 6, n = 1;m = document.forms[0].m.value;n = document.forms[0].n.value;a = document.forms[0].a.value; b = document.forms[0].b.value; drawRose(ctx,a,b,m,n); ctx.restore(); } function drawRose(ctx,a,b,m,n){ ctx.beginPath(); var e = 0, c = 120; var k = 2 * Math.PI / 360;do { var r = a/b Math.sin( m * e / n * k);r = r * c; var x = r * Math.cos( e * k );var y = r * Math.sin( e * k );e = 0.1; ctx.lineTo(x,y); } while ( e = 4320 ); ctx.stroke(); } function draw2(){ var ctx = document.getElementById('canvas').getContext('2d'); ctx.save(); ctx.translate(400,300); ctx.clearRect(-400,-300,800,600);ctx.strokeStyle = #cc0000; ctx.beginPath(); //ctx.moveTo(0,0);var e = 0, c = 150; var k = 2 * Math.PI / 360;do { x = 150*Math.cos( 5/2 * e*k ) 50*Math.cos( 15/16 * 5/2 * e*k ); y = 150*Math.sin( 5/2 * e*k ) - 50*Math.sin( 15/16 * 5/2 * e*k ); e = 0.1; ctx.lineTo(x,y); } while ( e = 3600 ); ctx.stroke(); ctx.restore();} function draw3(){ var ctx = document.getElementById('canvas').getContext('2d'); ctx.save(); ctx.translate(400,300); ctx.clearRect(-400,-300,800,600);ctx.strokeStyle = #ff0000; ctx.beginPath(); var x = 1, y;do { y = -80*(Math.sqrt(1-x*x) Math.pow(x*x,1/3)); x -= 0.001; ctx.lineTo(100*x,y); } while ( x = -1 ); do { y = 80*(Math.sqrt(1-x*x) - Math.pow(x*x,1/3)); x = 0.001; ctx.lineTo(100*x,y); } while ( x = 1 );ctx.closePath(); var grad = ctx.createRadialGradient(-40,-60,10,-40,-40,200);grad.addColorStop(0, #ffcc00); grad.addColorStop(1, #ff0000); ctx.fillStyle = grad;ctx.fill();// ctx.stroke(); ctx.restore();} window.onload = function (){ draw();} /script/body/html

版權聲明:本文由 召陽波 整理編輯。

原標題:心形,qq怎么擺心形圖案

轉載注明出處:http://www.dn9ww09s.icu/program/12570.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 收到查找iphone已禁用啥意思,蘋果id不能用了怎么辦

    收到查找iphone已禁用啥意思,蘋果id不能用了怎么辦 相關圖片蘋果id被別人登錄怎么辦iPhone上的許多操作都離不開蘋果ID,但有些人被盜,有些人操作不當,導致蘋果ID被禁用。在這種情況下我們該怎么辦?如果由于安全原因而鎖定了Apple ID,蘋果...

  • 自定義屬性,自定義屬性在哪

    自定義屬性,自定義屬性在哪 相關圖片css自定義屬性當然,高級瀏覽器可以通過腳本定義和訪問數據。在項目實踐中非常有用。例如,代碼如下:div id=user data uid=12345 data uname=hhtml5自定義屬性...

  • project激活碼,project2010激活碼

    project激活碼,project2010激活碼 相關圖片project激活教程一些用戶不熟悉Project2010。Project 2010是微軟公司開發并銷售的一款項目管理軟件,全稱為microsoftproject2010。作為微軟的project2010如何激活...

  • icloud云備份有什么用,icloud 云備份

    icloud云備份有什么用,icloud 云備份 相關圖片icloud云備份是默認打開的嗎Icloud云備份可以幫助我們備份應用數據、通話記錄、IMessage信息、短信、彩信、照片和視頻等,是一項非常實用的功能,我們在恢復出廠設置或更換機器時經常...

  • 渲染性能,優化渲染為性能

    渲染性能,優化渲染為性能 相關圖片渲染cpu推薦編寫CSS的習慣決定了頁面呈現的速度,這在大腦受損的ie中更為明顯。養成良好的習慣,甚至形成一個標準,會使你的頁面加載速度更快,用戶體驗更高。這里有一些方法來提...

  • 199電信卡收不到驗證碼,199號段有些軟件不認

    199電信卡收不到驗證碼,199號段有些軟件不認 相關圖片199號碼無法注冊一些手機用戶在網上選擇號碼時發現199段,這與之前很多用戶選擇的號碼段不同。199段有自己的首選號碼,所以他們首先要進入pit,我們需要知道199段是中國電信最199號...

  • 網頁設計css教程,網頁制作css

    網頁設計css教程,網頁制作css 相關圖片htmlcss網頁設計實例一。使用CSS縮寫可以幫助減小CSS文件的大小,使其更易于閱讀。CSS縮寫的主要規則請參見“CSS基本語法”2。明確定義單元,除非0的值忘記定義單元的大小是CShtml css...

  • 運營商設置必要更新嗎,蘋果怎么關掉運營商更新提示

    運營商設置必要更新嗎,蘋果怎么關掉運營商更新提示 相關圖片蘋果xr運營商設置更新有時你的iPhone會跳出關于更新運營商設置的提示。其實,這很簡單。這相當于運營商在網絡中有一個版本更新。一般來說,它可以更新新的功能或優化信號和網絡速...

  • mobile,tmobile

    mobile,tmobile 相關圖片怎么開發app軟件在PC發展的初期,傳統的C/S模式大多演變為B/S模式,SAAS和云計算的概念和應用應運而生。從客戶端到瀏覽器的演進最大的優點是客戶端不需要更新,這減少了大量更app軟...

  • 無法連接app store,蘋果appstop無法連接

    無法連接app store,蘋果appstop無法連接 相關圖片app無法連接IPhone應用程序是從App store下載和安裝的,但當IPhone用戶無法連接App store時,他們將迎頭趕上。為什么iPhone不能連接到app sapp store...

熱評文章

  • 電腦過熱關機,電腦總是過熱關機

    電腦過熱關機,電腦總是過熱關機 相關圖片筆記本頻繁過熱關機谷歌的親兒子系列Google pixel 3于2018年10月9日發布。谷歌Pixel3的售后服務經常出現一些漏洞。近日,谷歌Pixel3被曝光存在問題。一些用電腦過熱關機要等多久...

  • animation屬性,animation的屬性及其意思

    animation屬性,animation的屬性及其意思 相關圖片animation元素一、動畫語法1,@key frames插入關鍵幀(1)form to form:CSS code復制內容到剪貼板@keyframes demo{from{proanimation教程...

  • 獨立顯卡怎么接顯示器,獨立顯卡接顯示器沒顯示

    獨立顯卡怎么接顯示器,獨立顯卡接顯示器沒顯示 相關圖片獨立顯卡接口我們使用的大多數普通計算機都是集成顯卡。當用戶開始顯示或擁有具有獨特顯示的主機以獲得更好的體驗時,則不需要將顯示器連接到集成顯卡端口。那么顯示器是如何...

  • 谷歌三件套一鍵下載,谷歌三件套干嘛的

    谷歌三件套一鍵下載,谷歌三件套干嘛的 相關圖片谷歌三件套指的是經常拋售Android手機的用戶可以聽到更多關于Google三件套的消息,但剛剛聯系的用戶并不十分清楚。谷歌的三件套是什么?谷歌三件套有什么用?Google的三qooapp下載安卓...

  • video事件,video屬性和事件

    video事件,video屬性和事件 相關圖片數據挖掘應用實例一。獲取視頻時間長度。當視頻加載到視頻中時,使用onloaded metadata事件獲取視頻時間長度。代碼如下:視頻。Onloadedmetadata=funAjax應用...

  • 喜馬拉雅聽下載到電腦,喜馬拉雅fm怎么下載到電腦

    喜馬拉雅聽下載到電腦,喜馬拉雅fm怎么下載到電腦 相關圖片喜馬拉雅聲音下載到電腦大多數喜歡聽的朋友都會選擇喜馬拉雅聽力應用。喜馬拉雅聽書是用手機,所以你可以隨時隨地聽書,這是非常方便的,但是有些人花更多的時間在電腦前,他...

  • 為什么圖片預覽不出來,圖片沒有預覽怎么辦

    為什么圖片預覽不出來,圖片沒有預覽怎么辦 相關圖片圖片預覽是什么意思HTML5圖像預覽需要兩種方法:1。網址2。文件讀取器直接編碼!Doctypehtmlhtmlheadometacharset=utf-8titlehtml5圖懷舊影苑新圖片...

  • 手機掉水里一定壞嗎,手機掉水里照樣能用

    手機掉水里一定壞嗎,手機掉水里照樣能用 相關圖片手機掉水里一定會進水嗎我們都很珍惜自己的手機,但有時我們在生活中卻不注意手機,讓手機掉進水里。當你心愛的手機掉進水里,我們該怎么辦?一。當你看到它掉進水里時,不要...

  • 私有倉庫搭建,私有helm倉庫搭建

    私有倉庫搭建,私有helm倉庫搭建 相關圖片maven私有倉庫一。Docker registry描述了本文中記錄的設置Docker注冊表的完整操作過程。雖然官方提供dockerhub作為一個開放的集中倉庫,但可以想象,中國nexus 搭建 私有倉庫...

  • 手機如何打省略號,O上邊有個省略號怎么打

    手機如何打省略號,O上邊有個省略號怎么打 相關圖片縮略號怎么打省略號是我們在聊天和文檔輸入中經常使用的符號。當你想用省略號的時候,你怎么打?一。打開輸入法,注意輸入法應為中文標點狀態,而不是英文標點狀態2。按鍵盤什...

關注微信

变脸官网查询