javascript - KonvaJS - 如何使用按钮触发器添加形状?
问题描述
抱歉语法不好-
我对如何使用按钮触发器添加形状有疑问。但不工作
这是我的代码:HTML
<button id="btnCreateRectangle" class="btn-primary-blue">Button Text</button>
这里是我的 js:
function addRectangle(layer) {
var scale = 1;
var rectangle = new Konva.Rect({
x: 12,
y: 12,
numPoints: 5,
innerRadius: 30,
outerRadius: 50,
fill: "#89b717",
opacity: 0.8,
draggable: true,
name: 'rect',
width: 128,
height: 50,
scale: {
x: scale,
y: scale
},
shadowColor: "black",
shadowBlur: 4,
shadowOffset: {
x: 5,
y: 5
},
shadowOpacity: 0.6,
// custom attribute
startScale: scale
});
layer.add(rectangle);
}
document
.getElementById('btnCreateRectangle')
.addEventListener('click', function () {
addRectangle(layer)
});
我在 javasrcipt 语言中非常新,任何建议或答案将不胜感激
谢谢
解决方案
在将矩形添加到图层后,从 KonvaJS 的文档中,您应该将该图层添加到stage
https://konvajs.org/docs/overview.html
stage.add(layer);
推荐阅读
- php - 在 wordpress HEAD 崩溃站点中使用 PHP 创建 META 标签
- firebase - 即使用户随时更改,如何在评论中显示更新的 displayName,firebase,flutter
- c# - html表中的实体框架多对多关系
- babeljs - package.json 'dependencies' 值中的 `workspace:` 前缀是什么意思?
- splunk - 如果消息为 x 超过 5 分钟,则 Splunk 搜索
- vuejs2 - 在 vue 的挂载钩子中如何使用数据对象变量?
- python - 偶数和奇数函数
- cartopy - 转换为 OSGB 的纬度/经度在绘制时有偏移
- mysql - 无法让 WP CLI 与 docker 一起使用:不允许 mbind
- xamarin - Xamarin 表单条目