canvas图形没有出来,这是怎么回事啊?

ktjamy 2011-10-02 01:06:15
http://www.dreamwire.nl/CleanDream/more.html

上面这个网址里的canvas是怎么实现的?我按照查看页面源代码以及firebug找到了如下代码

<canvas class="base" width="439" height="200"></canvas>
<canvas class="overlay" width="439" height="200" style="position: absolute; left: 0px; top:0px;"></canvas>

但是那个图形没有出来,这是怎么回事啊?
...全文
335 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
BLUE_LG 2011-10-03
  • 打赏
  • 举报
回复
图形具体操作在外部js里面的。。。。
samchina 2011-10-03
  • 打赏
  • 举报
回复
绘图的JS代码在这个jquery.flot.js库里,可以自己研究一下。贴了开始部分的代码如下
function makeCanvas(skipPositioning, cls) {
var c = document.createElement('canvas');
c.className = cls;
c.width = canvasWidth;
c.height = canvasHeight;

if (!skipPositioning)
$(c).css({ position: 'absolute', left: 0, top: 0 });

$(c).appendTo(placeholder);

if (!c.getContext) // excanvas hack
c = window.G_vmlCanvasManager.initElement(c);

// used for resetting in case we get replotted
c.getContext("2d").save();

return c;
}
孟子E章 2011-10-03
  • 打赏
  • 举报
回复
代码都在这些里面的
http://www.dreamwire.nl/CleanDream/js/jquery-1.6.2.min.js
http://www.dreamwire.nl/CleanDream/js/superfish.js
http://www.dreamwire.nl/CleanDream/js/supersubs.js
http://www.dreamwire.nl/CleanDream/js/hoverIntent.js
http://www.dreamwire.nl/CleanDream/js/jquery.flot.js
http://www.dreamwire.nl/CleanDream/js/jquery.graphtable-0.2.js
http://www.dreamwire.nl/CleanDream/js/jquery-ui.js
http://www.dreamwire.nl/CleanDream/js/customInput.jquery.js
http://www.dreamwire.nl/CleanDream/js/jquery.tablesorter.js
http://www.dreamwire.nl/CleanDream/js/jquery.tablesorter.pager.js
http://www.dreamwire.nl/CleanDream/js/jquery.sparkbox-select.js
http://www.dreamwire.nl/CleanDream/js/jquery.fancybox-1.3.4.js
http://www.dreamwire.nl/CleanDream/js/jquery.filestyle.mini.js
http://www.dreamwire.nl/CleanDream/js/date.js
http://www.dreamwire.nl/CleanDream/js/jquery.datepicker.js
http://www.dreamwire.nl/CleanDream/js/jquery.treeview.js
http://www.dreamwire.nl/CleanDream/js/jquery.tipsy.js
http://www.dreamwire.nl/CleanDream/js/jquery.wysiwyg.js
http://www.dreamwire.nl/CleanDream/js/plugins/wysiwyg.rmFormat.js
http://www.dreamwire.nl/CleanDream/js/controls/wysiwyg.image.js
http://www.dreamwire.nl/CleanDream/js/controls/wysiwyg.link.js
http://www.dreamwire.nl/CleanDream/js/controls/wysiwyg.table.js
http://www.dreamwire.nl/CleanDream/js/inline.js
ktjamy 2011-10-03
  • 打赏
  • 举报
回复
http://www.dreamwire.nl/CleanDream/more.html

请问这个页面里的canvas图形是怎么画出来的? 我怎么找不到相关的JS代码?
atmo 2011-10-02
  • 打赏
  • 举报
回复
canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧