html5的canvas绘制了个房间结构图,鼠标移动到哪个房间,哪个房间填充颜色

html5的canvas绘制了个房间结构图,鼠标移动到哪个房间,哪个房间填充颜色,第1张

因为没有说明有没使用 jQuery 等语言库,所以使用原生JS来演示。

代码如下,直接复制那段JS去用就可以了。

over是进入区域的事件,out是离开区域的事件。

<!DOCTYPE html>

<html>

<head> 

<meta charset="utf-8"> 

</head>

<body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000">

您的浏览器不支持 HTML5 canvas 标签。

</canvas>

<canvas id="myCanvas2" width="300" height="200" style="border:1px solid #000000">

您的浏览器不支持 HTML5 canvas 标签。

</canvas>

<script>

var obj=document.querySelectorAll('canvas')

for(var i=0i<obj.lengthi++){

obj[i].onmouseover=function(){

this.style.backgroundColor='#ccc'

}

obj[i].onmouseout=function(){

this.style.backgroundColor='#fff'

}

}

</script>

</body>

</html>

结构图:是表述建筑物中结构构件的布置、构件材料的选用、构件选型及构件做法。对混凝土结 构包括配筋。主要图纸内容有:基础图、结构平面布置图、结构构件配筋图等等。

建筑图:是表述建筑物功能房间布置、平面及竖向交通组织、外观造型、内外装修等,主要图纸有:建筑平面、立面、剖面、门窗表、装饰装修表等等。

参考网页:

结构图和建筑图的区别

http://wenku.baidu.com/view/f1f19549c850ad02de804151.html

步骤/方法

1

方法名称:细分整合法

2

步骤:

组织架构图并不是一个固定的格式,关键是要考虑是否符合公司发展战略的需要,组织架构的功能是为了实现战略效果而将相关工作进行划分,因此要根据企业具体情况制定具体的个性组织架构图。

企业要根据具体情况(如部门的划分、部门人员职能的划分)制定具体的、整体的、个性的组织架构图,各个部门也要制定部门的、具体的、细分的组织架构图。

例如,营销中心。

如果一家企业的营销中心包括:市场部、企划部、销售部、单证部,那么本企业的营销中心的组织架构图可以制定为:

参考资料:http://jingyan.baidu.com/article/7c6fb42859731380642c9015.html


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

原文地址: http://outofmemory.cn/zaji/6300834.html

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

发表评论

登录后才能评论

评论列表(0条)

保存