<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
window.onload = function()
{
alert("");
var c = document.getElementById("chacktext");
alert(c)
//进行2d绘画
var myc =c.getContext("2d");
alert(myc);
myc.fillStyle="#FF0000"
myc.arc(100,75,50,0,2*Math.PI);
myc.fill();
}
</script>
</head>
<body>
<canvas id="chacktext" style="border: red 1px solid;"></canvas>
</body>
</html>
分享到:
相关推荐
html5 canvas画布绘制圆形时钟代码
html5 canvas画布里面圆球弹跳动画效果代码 html5 canvas画布里面圆球弹跳动画效果代码
画布练习</title> <style type="text/css"> #score, canvas { position:absolute; top:50px; left:50px; cursor:pointer; z-index:100; } #score { display:block; height:100px; width:...
html5基于canvas画布里面圆球弹跳动画效果源码.zip
HTML5 画布 - 线条, 矩形, 圆形和文字
html5基于canvas画布绘制的圆形时钟效果源码.zip
html5基于canvas实现的圆形时钟效果源码,可实现实时显示当前时间的功能,时钟表盘上同步对应高亮显示上午(AM)或下午(PM)。且指针转动流畅自然,效果逼真。该源码还可用于手机端显示当前时间。是一款非常优秀的实用...
HTML5 使用canvas画布做小球回弹动画,使绘画出来的小球沿着矩形的轨迹进行对称回弹,代码简单易懂,适合初学者练习。
createRadialGradient(x,y,r,x1,y1,r1) - 创建一个径向/圆渐变 当我们使用渐变对象,必须使用两种或两种以上的停止颜色。 addColorStop()方法指定颜色停止,参数使用坐标来描述,可以是0至1. 使用渐变,设置...
html5 canvas圆形时钟代码是一款采用canvas画布实现的本地时钟代码下载。
超多动画风格的HTML5画布雪花特效,为你的网页增加雪花飘飞特效,一共有6个雪花特效,每款HTML对应一种雪花效果,结合 jquery插件来实现的,示例文件中演示了如何对雪花进行控制,比如雪花数量、时间速度控制、...
在 2d html5 画布中画一个圆圈 安装 npm install ctx-circle 用 接口 圆( ctx , x , y , radius [, reverse ]) ctx - 要在其上绘制圆的 CanvasRenderingContext2D x - x 轴上的圆心 y - y 轴上的圆心 radius - 要...
HTML5 Canvas画板画图工具 可定义笔刷和画布 HTML5_CSS3 3D文字特效 文字外翻效果 HTML5_CSS3带日期区间的日期选择插 HTML5_CSS3时尚的圆盘时钟动画 带当前日期 HTML5_CSS3滑块动画菜单 图标动画很酷 HTML5小车动画 ...
HTML5 canvas 绘制圆环形进度 先看一下画出来的效果,如下图,这样一个圆环形的进度. 我这里使用HTML5的Canvas来要制作这样一个圆环形的进度, 首先是HTML页面,HTML5的文档标识是: <!DOCTYPE html> 这个文档...
draw100Circles Using HTML5-canvas in canvas drawn 100 circles randomly, circle and circle disjoint ,each circles ...利用HTML5的canvas在画布上随机绘制100个圆,要求圆与圆之间不相交,切每个圆要位于画布内。
H5 Canvas抽象花纹动画特效是一款基于html5 canvas实现的抽象的画布花纹动画。
拓展canvas画图的clearRect()方法,实现圆形区域清理画布
html5的绘图可以分为点,线,面,圆,图片等,点和线,这可是所有平面效果的基点,有了这两个东西,没有画不出来的东西,只有想不到的算法。 先上代码了: html XML/HTML Code复制内容到剪贴板 <body style=...
为您而无需任何 HTML5 画布知识。 :)jQuery? 不,没有依赖关系,不用担心。 所有Javascript。 看看我在那里做了什么?尺寸这个插件不是很大,所以你的页面加载会少很多。那么,文档在哪里? 没有文档! 但是,您...
本文实例讲述了js+html5实现canvas绘制椭圆形图案的方法,HTML5 canvas 没有画椭圆的方法,以下代码可以画出椭圆,分享给大家供大家参考,具体实现方法如下: 1、在一个隐式的画布 (将 其 CSS 定义成:display:none;...