1,593
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Drawing Test</title>
</head>
<body>
<canvas id="myCanvas" width="800" height="600">sorry, your browser don't support canvas.</canvas>
<button left=10 top=10 onclick="clearInterval(myVar)">stop</button>
<script language = "JavaScript">
var canvas = document.getElementById("myCanvas");
if (canvas.getContext){
var ctx = canvas.getContext("2d");
}
ctx.fillStyle = "red";
ctx.fillRect(100, 100, 600, 400);
ctx.font = 'Bold 60px Arial';
ctx.textAlign = 'left';
ctx.fillStyle = '#ffff00'; // 'yellow'
ctx.fillText('Hello, World!', 200, 300);
var myVar = setInterval(myTimer, 15); // 15ms interval
function rnd(low, high){
return low + Math.floor(Math.random() * high);
}
function myTimer(){
var x = rnd(100, 700);
var y = rnd(100, 500);
var w = rnd(20, 100);
var h = rnd(20, 100);
var R = rnd(0, 255);
var G = rnd(0, 255);
var B = rnd(0, 255);
var imgd = ctx.getImageData(x, y, w, h);
var pix = imgd.data;
for (var i = 0, n = pix.length; i < n; i += 4){
pix[i] = pix[i] ^ R;
pix[i + 1] = pix[i + 1] ^ G;
pix[i + 2] = pix[i + 2] ^ B;
}
ctx.putImageData(imgd, x, y);
}
</script>
</body>
</html>
不该是你的软件支持网络浏览器么?写个JS解码刷CANVAS吧。
正确来说应该是Activex控件
要么就提示安装插件,类似flash、silverlight、svg……
最简单的方法,你要公布你的动画格式和解码算法,然后提供一个JavaScript的解码程序,网站设计者在页面中嵌入解码JavaScript就能正确显示你的动画文件,都不需要浏览器支持。如果需要浏览器直接支持,那就麻烦了,要求你的格式被普遍使用,有一定影响力,否则别人不会花费时间做这个的。
你是制定了一种动画图像的标准,这个标准只有得到某个权威机构的确认后,网络认可,并在实际应用时,将此标准得以采纳。你的标准才能在互联网上应用。