精彩:JS画的图形[金刚石篇]

原创 2003年09月10日 11:33:00

<!--
如果您想在线看看效果:http://m9m.nease.net/test/1.htm
-->
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head></head>
<STYLE>
 v/:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<body>

<v:group ID="group1" style="position:relative;WIDTH:800px;HEIGHT:600px;" CoordOrig="-500,-500" coordsize="1000,1000">
<v:RoundRect style="position:relative;z-index:1;left:-600px;top:-100;width:900px;height:900px"  fillcolor="#cccccc">
<v:shadow on="T" type="single" color="#b3b3b3" offset="5px,5px"/>
</v:RoundRect>
<script>

function line(x, y, x1, y1, n)
{
   document.write("<v:line from=/"" + (x - n) + "," + y + "/" to=/"" + (x1 - n) + "," + y1 + "/" style=/"position:relative;top:0;left:0;z-index:9999;/" strokeweight=/"1pt/"></v:line>");
   //  StrokeColor=Rgb(/"" + Math.round(Math.random() * 255 ) + "," + Math.round(Math.random() * 255) + "," + Math.round(Math.random() * 255 ) +")
}

var n = 30, r = 346, t = 6.28318 / n, x0 = 300, y0 = 300;

var x = new Array();
var y = new Array();

for (var i = 0; i < n; i++)
{
   x[i] = r * Math.cos(i * t) + x0;
   y[i] = r * Math.sin(i * t) + y0;
}
for (var i = 0; i < n - 2; i++)
   for (var j = i + 1; j <= n - 1; j++)
     line(x[i], y[i], x[j], y[j], 500);
</script>

</v:group>
</body>
</html>

创建MFC单文档,实现金刚石图案绘制功能

创建一MFC单文档的应用程序框架,在框架中添加代码或资源,实现具体应用; 系统自创各种类,不同类有不同的作用,也具有层次性;MFC一般采用视图/文档结构模式,是显示的内容与处理的数据分离开。 • ...
  • ZHONGQIYNG
  • ZHONGQIYNG
  • 2014年10月13日 16:42
  • 1461

精彩:JS画的图形[Good篇]

如果您想在线看看效果:http://m9m.nease.net/test/2.htm-->test v/:* { BEHAVIOR: url(#default#VML) }style="positio...
  • oicqkill
  • oicqkill
  • 2003年09月10日 11:33
  • 925

使用turbo C 绘制金刚石图案

Turbo C 的图形函数均在一个头文件“graphics.h”中定义。所以,凡是在程序中要调用这些图形函数, turbo 常用函数用法 //调用VGA驱动程序 int gdri...
  • LCYong_
  • LCYong_
  • 2016年11月23日 22:40
  • 989

使用canvas画不规则图形

最近做项目遇到一个需求,
  • u014506354
  • u014506354
  • 2014年11月03日 14:37
  • 4190

使用Canvas绘制不完美/不规则的圆形

真实世界是不完美的,当我们需要模拟真实世界时,经常需要引入不完美/不规则的形状。比如陨石、雨滴、行星、树叶、绵延的海岸线、云朵等。本文介绍如何基于Canvas生成随机大小的不完美圆形。首先我们要了解,...
  • iefreer
  • iefreer
  • 2016年05月23日 20:16
  • 11287

立体像素画:Obelisk.js绘制等轴透视立体图形(Isometric Graphics) 作者:Alex Young

译者注:IsometricGraphics, 游戏绘图中的常用术语,可直观理解为透视立体图形,就像你在《帝国时代》或者《暗黑破坏神》这些游戏里看到那样。关于这里面的背景知识:这篇博文很有帮助http:...
  • u011581005
  • u011581005
  • 2014年03月28日 14:41
  • 1941

Canvas之绘制基本形状

Canvas之绘制基本形状 转载自:http://blog.csdn.net/u013831257 一.Canvas简介 Canvas我们可以称之为画布,能够在上面绘制各种东西,是安...
  • LYLGZK
  • LYLGZK
  • 2016年07月13日 16:42
  • 678

js绘制菱形(空心和实心)

js绘制菱形,其实很简单,只要发现其中的规律,就可以了,代码如下,首先是空心var n=window.prompt("请输入n"); n=2*n-1; var temp = parse...
  • u013911102
  • u013911102
  • 2016年01月28日 13:05
  • 3209

几个关于js数组方法reduce的经典片段

以下是个人在工作中收藏总结的一些关于javascript数组方法reduce的相关代码片段,后续遇到其他使用这个函数的场景,将会陆续添加,这里作为备忘。 javascript数组那么多方法,为什么我...
  • yuzhongzi81
  • yuzhongzi81
  • 2018年01月05日 08:48
  • 80

利用html5画出五角星画出星空

利用html5画出五角星 (在慕课网 )
  • Ailey_YY
  • Ailey_YY
  • 2014年11月17日 20:26
  • 1571
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:精彩:JS画的图形[金刚石篇]
举报原因:
原因补充:

(最多只允许输入30个字)