首页 > 解决方案 > 如何使用 gojs 画笔模式,以便图像仅在高度而不是宽度重复

问题描述

我使用矩形形状,我想用图像填充它,以便图像垂直重复,但水平拉伸。

我的代码是:

 $(go.Shape, "Rectangle", {
                fill: $(go.Brush, "Pattern", { pattern: img }),
                stroke: null,
                width:x,
                height:34,
                position: new go.Point(0,14)
 })

标签: gojs

解决方案


调整 <img> 元素的大小不会有任何效果。我认为您需要实际拉伸文件中的图像,使其具有您想要的自然宽度。在这种情况下为 45 像素。


推荐阅读