标签: konvajs-reactjs

Konva.js 在 Rect 元素周围挥动笔画

如果可以的话，将元素笔画（边框）更改Rect为波浪样式，如下图所示。我将让用户Rect通过鼠标移动来绘图。

我知道如何更改边框，Dashed但波浪样式怎么样？

这是RectKonva.js 和 API 文档的示例代码https://konvajs.org/api/Konva.Rect.html

<!DOCTYPE html>
<html>
  <head>
    <script src="https://unpkg.com/konva@7.0.3/konva.min.js"></script>
    <meta charset="utf-8" />
    <title>Konva Rect Demo</title>
    <style>
      body {
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #f0f0f0;
      }
    </style>
  </head>
  <body>
    <div id="container"></div>
    <script>
      var width = window.innerWidth;
      var height = window.innerHeight;

      var stage = new Konva.Stage({
        container: "container",
        width: width,
        height: height,
      });

      var layer = new Konva.Layer();

      var rect1 = new Konva.Rect({
        x: 20,
        y: 20,
        width: …

Run Code Online (Sandbox Code Playgroud)

konvajs konvajs-reactjs

Mic*_*Mao

2020 07-28

1
推荐指数

1
解决办法

1410
查看次数

标签统计

konvajs ×1

konvajs-reactjs ×1

Konva.js 在 Rect 元素周围挥动笔画

标签 统计

标签统计