Heim > Web-Frontend > js-Tutorial > Hauptteil

如何使用 FabricJS 锁定圆的垂直倾斜?

WBOY
Freigeben: 2023-08-30 12:09:04
nach vorne
1262 人浏览过

如何使用 FabricJS 锁定圆的垂直倾斜?

在本教程中,我们将学习如何使用 FabricJS 锁定圆的垂直倾斜。正如我们可以指定画布中圆形对象的位置、颜色、不透明度和尺寸一样,我们也可以指定是否要停止垂直倾斜对象。这可以通过使用lockSkewingY属性来完成。

语法

new fabric.Circle({ lockSkewingY : Boolean }: Object)
Nach dem Login kopieren

参数

  • 选项(可选) - 此参数是一个对象< /em> 为我们的圈子提供额外的定制。使用此参数,可以更改与 lockSkewingY 为属性的对象相关的属性,例如颜色、光标、描边宽度和许多其他属性。

  • 选项键

    • lockSkewingY - 此属性接受布尔值< /strong> 值。如果我们为其指定“true”值,则对象的垂直倾斜将被锁定。

    示例 1

    a 的默认行为画布中的 Circle 对象

    让我们看一个代码示例,以了解不使用 lockSkewingY 属性时 Circle 对象的默认行为。通过按 shift 键,然后沿水平或垂直方向拖动,可以使对象在水平和垂直方向上倾斜。

    
    
       
          
          
       
    

    Locking the vertical skewing of a circle using FabricJS

    Select the object, hold the shift key, and stretch it horizontally or vertically. The object will get skewed freely. This is the default behavior. Here we have not applied the lockSkewingY property, but by default, it is set to False.

    Nach dem Login kopieren

    示例 2

    将 lockSkewingY 作为具有“true”值的键传递

    在这个示例中,我们将看到如何停止圆的能力使用lockSkewingY 属性垂直倾斜对象。正如我们所看到的,虽然我们可以通过按 Shift 键来水平倾斜圆形对象,但我们不允许垂直执行相同的操作。

    
    
       
          
          
       
    

    Locking the vertical skewing of a circle using FabricJS

    Select the object, hold the shift key, and try to stretch the circle horizontally or vertically. You will notice that the object gets skewed horizontally, but its vertical skewing is locked. Here we have set lockSkewingY to True.

    Nach dem Login kopieren

    以上是如何使用 FabricJS 锁定圆的垂直倾斜?的详细内容。更多信息请关注PHP中文网其他相关文章!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!