Nihilistic Party Mantra

    @domodel/resizable

    1.0.11 • Public • Published

    domodel-resizable

    Resizable system for domodel.

    Getting started

    Installing

    • npm install @domodel/resizable

    Usage

    src/model/image.js

    export default {
      tagName: "div",
      style: "position: relative; display: inline-block",
      children: [
        {
          tagName: "img",
          style: "width: 100%; height: 100%",
          src: "yourimageurl"
        }
      ]
    }

    src/binding/image.js

    import { Core, Observable, Binding } from "domodel"
    import { Resizable, ResizableModel, ResizableBinding } from "@domodel/resizable"
    
    export default class extends Binding {
    
      onCreated() {
    
        const resizable = new Resizable()
    
        this.listen(resizable, "size set", data => {
          this.root.style.width = data.width + "px"
          this.root.style.height = data.height + "px"
        })
    
        Core.run(ResizableModel, { binding: new ResizableBinding({ resizable, preview: true, directions: ["horizontal", "vertical", "diagonal"] }) })
    
      }
    
    }

    Keywords

    none

    Install

    npm i @domodel/resizable

    DownloadsWeekly Downloads

    4

    Version

    1.0.11

    License

    MIT

    Unpacked Size

    16.8 kB

    Total Files

    22

    Last publish

    Collaborators

    • thoughtsunificator