九九乘法表

效果

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>span{display: inline-block;border: 1px solid #424242;padding: 10px;margin: 5px;}</style>
</head>
<body>
<script>// 九九乘法表for (var i = 0; i <= 9; i++) {for (var j = 0; j <= i; j++) {document.write('<span>'+j+'×'+i+'='+i*j+'</span>');}document.write('<br>')}
</script>
</body>
</html>

矩形

效果

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>span{display: inline-block;margin: -0 5px;}</style>
</head>
<body>
<script>for (var i = 0; i < 10; i++) {for (var j = 0; j < 15; j++) {document.write('<span>'+'*'+'</span>');}document.write('<br>')}
</script>
</body>
</html>

正三角形

效果

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>div{text-align: center;}span{margin: 0 5px;}</style>
</head>
<body>
<script>for (var i = 0; i < 10; i++) {document.write('<div>');for (var j = 0; j < 2*i+1 ; j++) {document.write('<span>'+'*'+'</span>')}document.write('</div>');document.write('<br>')}
</script>
</body>
</html>

Javascript：利用JS在空白网页中绘制简单图形相关推荐

python的turtle怎么画曲线_利用 turtle库绘制简单图形
turtle库是python的基础绘图库,这个库被介绍为一个最常用的用来介绍编程知识的方法库,其主要是用于程序设计入门,是标准库之一,利用turtle可以制作很多复杂的绘图. turtle名称含义为& ...
JS实现网页中绘制10x10表格，并在其中区分1-100素数合数。
JS实现网页中绘制10x10表格,并在其中区分1-100素数合数. 一:需求在网页中绘制10x10的表格,并在其中区分1-100素数和合数二:解决思路创建一个判断素数合素的的函数: 创建一个函数 ...
零基础JavaScript入门教程(2)–在网页中使用JS
点此查看所有教程.项目.源码导航本文目录 1. 前言 2. 网页中使用JS 3. 小结 1. 前言上一篇,给大家聊了很多关于JS的事情,大家想必已经迫不及待,想知道如何在网页中使用JS. 本篇就 ...
html绘制三维,在HTML + JS画布中绘制三维图形
是否有任何框架/引擎能够在Canvas上绘制三维图像?在HTML + JS画布中绘制三维图形我打算画位于一个平面一些基元(不同形状的): var dist = 2; var hexHalfW = 3 ...
在Scrapy中如何利用Xpath选择器从网页中采集目标数据——详细教程（下篇）
点击上方"Python爬虫与数据挖掘",进行关注回复"书籍"即可获赠Python从入门到进阶共10本电子书今日鸡汤二十四桥明月夜, 玉人何处教吹箫. ...
html在线绘制图形,html5-Canvas可以在web中绘制各种图形
在html5中我觉得最重要的就是引入了Canvas,使得我们可以在web中绘制各种图形.给人感觉单在这点上有点模糊我们web和桌面程序的感觉.在html5外web中也有基于xml的绘图如:VML.SV ...
python opencv 绘制简单图形
09-python opencv 绘制简单图形 09-python opencv 绘制简单图形概述实现过程引用与创建空图绘制直线绘制矩形绘制圆绘制椭圆添加文字显示图像源代码运行结 ...
[Qt教程] 第11篇 2D绘图（一）绘制简单图形
[Qt教程] 第11篇 2D绘图(一)绘制简单图形楼主发表于 2013-4-23 12:52:35 | 查看: 1398| 回复: 5 绘制简单图形版权声明该文章原创于Qter开源社区,作者 ...
java 绘制长方形_Java入门：绘制简单图形
在上一节,我们学习了如何使用swing和awt工具创建一个空的窗口,本节学习如何绘制简单图形. 基本绘图介绍 Java中绘制基本图形,可以使用Java类库中的Graphics类,此类位于java.aw ...
Android openGl开发详解(一)——绘制简单图形
1. What? openGl是什么?openGl ES又是什么? 2. How? Android中的openGL 如何使用? 3. GlSurfaceView是什么? GLSurfaceView的作 ...

Javascript：利用JS在空白网页中绘制简单图形

九九乘法表

矩形

正三角形

Javascript：利用JS在空白网页中绘制简单图形相关推荐

最新文章

热门文章