javascript绘制漂亮的心型线效果完整实例

本文实例讲述了爪哇岛描述语言绘制漂亮的心型线效果实现方法。分享给大家供大家参考，具体如下：

运行效果截图如下：

具体代码如下：

！DOCTYPE HTMl HTMl ToolHeeta charset=' utf-8 ' title js心型线/title style div { position : absolute；}.xx-box {左侧：50%；前：50%；边距-左侧：-250像素；边距-top :-250 px；宽度宽度：500像素高度：500 px背景色： # 000;}.xx-box .正文{前：30%；高度：48 px行高：48 pxcolor : # f00 text-shadow : 3px 3px 4px # f00；font-size :36 px字体粗细：加粗；宽度：100%;文本对齐：居中；font-family:Tangerine，Tahoma，Arial，' \65f6\5c1a\4e2d\9ed1\7b80\4f53 '，' \ 5b 8b \ 4f 53 '；}.xx-box .项目{ width:2px高度：20 px飞越：隐藏；}/style/head dydiv class=' xx-box ' id=' xx-box ' div class=' text ' I Love You/div/div脚本函数创建点(x，y，c){ var div=document。创建元素(' div ')；div.className=' itemdiv。风格。left=x ' pxdiv。风格。top=y ' pxdiv。风格。背景颜色=c；文件。getelementbyid(' xx-box ').appendChild(div)；}函数heartShape(r，dx，dy，c){//r:大小；dx:水平偏移；dy:垂直偏移；c:颜色var m，n，x，y，I；for(I=0；I=200I=0.04){ m=I；n=-r *(数学。辛(一)*数学。sqrt(数学。abs(数学。cos(i)))) /(数学。辛(一)1.4)-2 *数学。罪(一)2；x=n *数学。cos(m)dx；y=n *数学。辛(男)死；createPoint(x，y，c)；}}heartShape(80，250，100，' # f00 ')；/脚本/正文/html更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript动画特效与技巧汇总》 、 《javascript面向对象入门教程》 及《JavaScript数据结构与算法技巧总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。