KineticJS Stage mit Browser-Größenänderung skalieren?

Kürzlich entdeckte ich KineticJS, als ich versuchte, meine Flash-Kenntnisse in HTML Canvas umzuwandeln. Es ist ein äußerst beeindruckendes Werkzeug! Frage: Wenn ich ein Front-End wie Bootstrap verwende und eine Seite mit mehreren Divs habe, die KineticJS-generierte Leinwände enthalten, kann ich diese Leinwände zusammen mit allem anderen auf der Seite skalieren lassen? Vielen Dank.

----- Aufgrund der begrenzten Anzahl an Kommentaren antworte ich im OP. ---------

Würden Sie es so einstellen, dass es eine maximale Größe gibt, und es dann skalieren lassen, als wäre der Browser skaliert? In Actionscript habe ich beispielsweise Folgendes ausgeführt, um die Größe des Browsers zu verfolgen und die Bühne zu skalieren:

stageListener.onResize = function():Void {  
    // Calculate % of total allowable change for each dimension  
    var percentWScale:Number = (Stage.width - minStageWSize)/stageWResizeRange;  
    var percentHScale:Number = (Stage.height - minStageHSize)/stageHResizeRange;
    //  Test to see if the stage size is in the rescale range
    if ((Stage.width < maxStageWSize)  || (Stage.height < maxStageHSize))   {
        pfarm.stageChanged = true;
        // Calculate the scale factor for each dimension, but don't go below the minimum
        var percentHScale:Number = Math.max(minimumScale, Stage.width/1024);
        var percentVScale:Number = Math.max(minimumScale, Stage.height/768);
        //trace ("H Scale Factor: "+percentHScale+". V Scale factor: "+percentVScale);
        // Determine which window dimension to use for scaling -
        // Use the one which is the most scaled down from the maximum stage size.
        var getScaleFrom:String = (percentHScale <<  percentVScale)? "hScale" : "vScale";
        // Scale the object
        if (getScaleFrom == "hScale") {
            baseParent._width = projectContentXSize * percentHScale;
            baseParent._height = projectContentYSize * percentHScale;
            } else {
                baseParent._width = projectContentXSize * percentVScale;
                baseParent._height = projectContentYSize * percentVScale;
        }
    } // END RESIZE OF SCROLLPANE CONTENT

Könnten Sie für Flash-Flüchtlinge (wie mich), die die komplexe Grenze in HTML5-Land überschreiten, ein Beispiel geben oder 2?

Antworten auf die Frage(2)

Ihre Antwort auf die Frage