JointJsv2.2官方文档解读003:Paper的几种属性设置

本文档详细解读了JointJS v2.2中Paper的属性设置,包括如何设置背景色、创建网格、调整网格尺寸以及进行缩放和移位操作。在缩放部分,介绍了x轴和y轴同时或单独设置缩放的方法,而在移位部分,探讨了x轴和y轴的单独或组合移动,并提供了获取当前缩放和移位数据的方法。
摘要由CSDN通过智能技术生成


一、设置背景

为JointJs的Paper设置背景色(透明色)

二、设置网格

https://resources.jointjs.com/docs/jointjs/v2.2/joint.html#dia.Paper.prototype.options.drawGrid

1. 网格背景

在构造Paper的时候,设置drawGrid:true就可以出现点状网格背景,如果看不清,可以把gridSize设大一些。
网格背景可以使你移动元素的时候,以网格单元为长度单位移动。

var paper = new joint.dia.Paper({
   
    el: document.getElementById('myholder'),
    model: graph,
    width: 600,
    height: 100,
    gridSize: 10,
    drawGrid: true,
    background: {
   
        color: 'rgba(0, 255, 0, 0.3)'
    }
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值