<!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>无标题文档</title> <!--下面excanvas.js需下载才能在IE下支持canvas--> <!--[if IE]> <script src="http://a.tbcdn.cn/p/fp/2011a/html5.js"></script> <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> <script src="excanvas.js"></script> <![endif]--> <script type="text/javascript"> window.onload = function(){ var ctx = document.getElementByIdx_x_x_x("pic").getContext('2d'); //绘制白色半圆的代码如下: ctx.beginPath(); ctx.arc(200,200,80,1.5*Math.PI,Math.PI/2,false); ctx.fillStyle="white"; ctx.closePath(); ctx.fill(); //绘制黑色半圆的代码如下: ctx.beginPath(); ctx.arc(200,200,80,Math.PI/2,1.5*Math.PI,false); ctx.fillStyle="black"; ctx.closePath(); ctx.fill(); //绘制黑色小圆 ctx.beginPath(); ctx.arc(200,240,40,0,Math.PI*2,true); ctx.fillStyle="black"; ctx.closePath(); ctx.fill(); //绘制白色小圆 ctx.beginPath(); ctx.arc(200,160,40,0,Math.PI*2,true); ctx.fillStyle="white"; ctx.closePath(); ctx.fill(); //绘制白色小圆心 ctx.beginPath(); ctx.arc(200,160,5,0,Math.PI*2,true); ctx.fillStyle="black"; ctx.closePath(); ctx.fill(); //绘制黑色小圆心 ctx.beginPath(); ctx.arc(200,240,5,0,Math.PI*2,true); ctx.fillStyle="white"; ctx.closePath(); ctx.fill(); //绘制文字代码如下: ctx.save(); ctx.fillStyle="black"; ctx.globalAlpha="0.4"; ctx.textAlign="center"; ctx.font="32px Arial"; ctx.shadowColor="rgba(0,0,0,0.4)"; ctx.shadowOffsetX=15; ctx.shadowOffsetY=-10; ctx.shadowBlur=2; ctx.fillText('Hello Canavs',200,100);//IE不支持 ctx.restore(); } </script> </head> <body> <canvas id="pic" width="400" height="400" style="border:1px solid; background:#E1E1FF;"></canvas> </body> </html>
相关推荐
呵呵昨天花了一个圆,想画个太极图,我知道没啥技术含量,但是挺有意思的,希望各位看官不要鄙视我不务正业,画完此图,不再做这些事情。 先展示下画出来的图像的情况,因为不支持pgm格式的图像,所以我用的 QQ...
和课堂上绘制正弦曲线相比 如果用一笔一笔循环的方式画圆将会很复杂 因此我就参考网上的 用Pie函数和Ellipse函数画弧和圆 画图用了CBrush画刷和CPen画笔 ">绘制太极图的原理简单来说就是画两个半圆一黑一白 拼成一...
通过html5与css配合,做了一个简单的太极图,再做个动画旋转。给太极图做个背景,再做一个背景放大缩小的动画效果。最后实现一个旋转和放大缩小的太极图,都是html5和css最基础的应用实践。-逆战班
基于canvas画一个太极图
用程序画太极,程序绘画范例。
用Matlab画太极图
这就是个用OpenGL实现的太极图没有什么的了就是画几个圆
研究GDI+了,发现这个东东挺不错的,可以实现很多挺cool的效果,今天尝试画了一个太极图,希望看过的朋友的否极泰来
ActionScript 是用在Flash里的一种,通过代码来画出太极图案学习绘图等基本应用
简单的太极界面
用System.Drawing绘制我们中国的太极图
一种用二维方程描述太极图的方法
详细讲解用scratch绘制太极图,主要要点是绘制实心半圆。
太极图VB源代码。 用VB编写的简易太极图。
C语言最基本的画图,实现了画出一个太极图
太极图psd,可以依照这个来用PS坐一个太极图。可以依照这个来用PS坐一个太极图。
1.本项目是基于Dcloud的有一个移动APP项目 2.html5页面同时支持浏览器中访问 (绘制太极界面可以直接在浏览器中运行)
太极图用css进行绘画,主要利用css 免费
flash as3.0 旋转太极图
通过path的布尔运算写的自定义太极图案