js中的canvas画图,clearrect清除画布之后,重绘页面空白,重绘不出来,但没报错,js方法正常执行。

js中的canvas画图,clearrect清除画布之后,重绘页面空白,重绘不出来,但没报错,js方法正常执行。,第1张

<canvas id="myCanvas">your browser does not support the canvas tag </canvas>
<button onclick="a();">画</button><button onclick="b();">清除</button>
<script type="text/javascript">
function a(){
var canvas=documentgetElementById('myCanvas');
var ctx=canvasgetContext('2d');
ctxfillStyle='#FF0000';
ctxfillRect(0,0,80,100);
}
function b(){
var canvas=documentgetElementById('myCanvas');
var ctx=canvasgetContext('2d');
ctxclearRect(0,0,80,100);
}
</script>

清除正常没问题,重绘正常

myLineChartdestroy();
能解决一部分问题,更完美的解决方法我还在研究中,同求大神指点
更好的解决方法如下:
每次绘图之前先删除canvas节点,重新添加一个。
$('#lineChart')remove(); // this is my <canvas> element
$('#lineChartParent')append('<canvas id="lineChart" height="230"></canvas>');

如果想学习HTML5动画的话 对JS的要求还是比较高的 需要先学习JS 最起码的要对JS *** 作DOM十分的熟悉 另外学习HTML5动画还要知道Canvas 这个的画图基本都靠JS脚本实现 你JS不好 估计也不行啊 一步一步来啊 脚踏实地 熟练理解JS 你学其他东西也很简单 理解了 就会学的很快~ 建议从最基本的JS学起 网上教程很多 然后再学html5动画 期间还要学习css css3 等 知识都是成体系的学 没有单一的 希望对你有用 望采纳

最新版本是Extjs501,我们可以在官方网站进行下载。(这里不得不提一句,Extjs5到目前为止还没有免费的授权,所以下载到的版本是试用版。)
下载到的压缩包解压以后,你会看到一大堆的文件夹和文件,我们该如何使用Extjs5呢?
之前看到过别人说的通过Sencha CMD创建Extjs5项目,但个人觉得那种方式并不适合我们目前的开发模式。我说做ASPNET的,需要在ASPNET MVC或WebForm中使用Extjs,所以绝对不上简单的通过Sencha CMD 生成Extjs5项目那么简单。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13329080.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-15
下一篇 2023-07-15

发表评论

登录后才能评论

评论列表(0条)

保存