gojs - 如何使用 gojs 画笔模式,以便图像仅在高度而不是宽度重复
问题描述
我使用矩形形状,我想用图像填充它,以便图像垂直重复,但水平拉伸。
我的代码是:
$(go.Shape, "Rectangle", {
fill: $(go.Brush, "Pattern", { pattern: img }),
stroke: null,
width:x,
height:34,
position: new go.Point(0,14)
})
解决方案
调整 <img> 元素的大小不会有任何效果。我认为您需要实际拉伸文件中的图像,使其具有您想要的自然宽度。在这种情况下为 45 像素。
推荐阅读
- reactjs - React + Firebase 身份验证:在不更改当前登录用户的情况下创建新用户
- amazon-web-services - 雅典娜返回返回零结果
- javascript - Typescript过滤器中回调函数的类型是什么?
- laravel - Laravel Excel:错误资源解释为文档但使用 MIME 传输
- vue.js - 在下面文件的vue JS中获取“在调用reset()时无法读取未定义错误的属性'map'”
- visual-studio-code - 单击“运行代码”时,Visual Studio Code 的 Code Runner 扩展不起作用
- html - 从选择值计算的任何选项
- reactjs - iframe 中的 HTML input type=“file” 会破坏 Chrome 和 Edge 中的文件选择对话框
- scala - 通过名称和调用方法获取类
- ios - 处理两个 CollectionviewCell 之间的拖放