Kinetic JS - toDataURL - 与捕获的图纸尺寸不同的阶段

时间:2014-05-01 06:34:32

标签: kineticjs

我花了几个小时试图找出这个。我会让你轻松。

     stage.toDataURL({

      callback: function(dataUrl) {

        // testing
        /*
         * here you can do anything you like with the data url.
         * In this tutorial we'll just open the url with the browser
         * so that you can see the result as an image
         */

        window.open(dataUrl);

      }

    });

我允许用户使用Kinetic JS通过鼠标绘制来创建自定义形状。创建自定义形状后,它会作为矢量信息添加到舞台中,然后我需要创建它的图像,添加到用户界面以允许它们单击以删除'形状。或者,点击重新添加'形状。

问题在于,我无法弄清楚为什么形状被切断了#39;问题是,在使用Kinetic进行绘制时,您可以画出超过'实际的图层大小。该阶段将记录并绘制它,但是当您导出到dataURL时,它不会保留它。

我想知道这是(bug)(不考虑的事情)还是(故意的)?

工作演示---

http://jsfiddle.net/JSdc2/6WUTy/10/

1 个答案:

答案 0 :(得分:0)

您不应更改图层的widthheight。删除此类代码,您将看到所需内容http://jsfiddle.net/6WUTy/11/

所以你的形象是你的大小。