$(document).ready(function()
{
var px2mm = 25/*1px = 25mm*/, s=10/*网格间隔10px*/, prePx=40/*预留160px标尺,上下左右均40px*/, grid_h = 'grid_h_', grid_w = 'grid_w_', grid_hc = 'grid_hc_', grid_wc = 'grid_wc_'/*定义网格常用的一些坐标常量*/, grid_ht='grid_ht_', grid_wt = 'grid_wt'/*文本坐标*/;
var x=0, y=0/*定义原点坐标(0,0)*/,w = 22000, h = 17000/*厂房长22000mm,宽16000mm*/;
var actual_w = w/px2mm + prePx*2, actual_h = h/px2mm + prePx*2, grid_h_len = ((h/px2mm)/s), grid_w_len = ((w/px2mm)/s);
var paper = Raphael('canvas', actual_w, actual_h);
var grid = paper.set()/*厂房布局网格*/, line_w = w/px2mm + prePx, line_h = h/px2mm + prePx/*网格长、宽对应厂房实际长和宽*/;
for(var i=0; i<=grid_h_len; i++)/*网格横线坐标*/
{
grid.push
(
grid_w_tmp = paper.path('
raphael - 创建网格坐标
最新推荐文章于 2017-06-12 17:35:42 发布
该博客介绍了如何使用Raphael JavaScript库来创建一个网格坐标系统。博客详细展示了如何设置网格参数,绘制横纵坐标线,并添加鼠标悬停效果以高亮显示对齐线。此外,还提到了如何在坐标线上添加刻度值和圆点标记。
摘要由CSDN通过智能技术生成