如何使用不同比例的数字为papercripts设置标准的papercript画布?

时间:2015-10-30 09:48:56

标签: html5 canvas paperjs

如果我用随机比例的Paperscript编码绘图制作几个脚本,无论是0.1长度或1000长度的行(脚本var值!),那么如何在具有相同的几个画布中查看这些几个脚本尺寸?

例如,设想一个网页,在同一尺寸的html-canvas框中显示多个图纸,所有图纸都有不同的图纸,每个图纸都放大了一个对象,所有图片都用Paperscript中的正确值编码。< / em>的)

在我的情况下,画布在div中设置为100%x 57.7%。我希望我以任何比例制作的图纸都显示在那里,在我的论文中最多可以设置视图的高度和宽度,或者调整比例。

现在我很难不让我的观点表现得很奇怪。

当我在data-paper-resize="true"中使用resize="true"<canvas>或根本没有任何内容作为属性时,我在视图中显示的内容在不同的内容中保持不变浏览器尺寸。

是否我在画布上使用了百分比?我应该在我的论文中定义一些内容吗?我可以使用一些jQuery在绘图脚本之外执行此操作吗?

修改

当我将画布的CSS从%更改为em时,我的绘图是可靠的,就像paperjs本身网站上的示例一样。但也喜欢paperjs本身的网站,他们没有回应。这意味着您可以调整浏览器大小,并且画布在屏幕上占用相同数量的像素。从长远来看,不知道这对我有什么用,就像移动设备一样......

它确实消除了奇怪的行为。制作完全响应的papercript画布的任何想法都表现正常吗?

0 个答案:

没有答案