-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.go
54 lines (43 loc) · 2.06 KB
/
main.go
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
// English:
//
// This example was taken from https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kernelMatrix
//
// Português:
//
// Este exemplo foi retirado do site https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kernelMatrix
//
// <svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
// <filter id="convolveMatrix1" x="0" y="0" width="100%" height="100%">
// <feConvolveMatrix kernelMatrix="1 1 0 0 0 0 0 0 -1"/>
// </filter>
// <filter id="convolveMatrix2" x="0" y="0" width="100%" height="100%">
// <feConvolveMatrix kernelMatrix="-1 0 0 0 0 0 0 0 1"/>
// </filter>
//
// <image xlink:href="//developer.mozilla.org/files/6457/mdn_logo_only_color.png" width="200" height="200"
// style="filter:url(#convolveMatrix1);"/>
// <image xlink:href="//developer.mozilla.org/files/6457/mdn_logo_only_color.png" width="200" height="200"
// style="filter:url(#convolveMatrix2); transform:translateX(220px);"/>
// </svg>
//go:build js
// +build js
package main
import (
"github.com/helmutkemper/iotmaker.webassembly/browser/factoryBrowser"
)
func main() {
done := make(chan struct{}, 0)
stage := factoryBrowser.NewStage()
s1 := factoryBrowser.NewTagSvg().ViewBox([]float64{0, 0, 420, 200}).Append(
factoryBrowser.NewTagSvgFilter().Id("convolveMatrix1").X(0).Y(0).Width(float32(1.0)).Height(float32(1.0)).Append(
factoryBrowser.NewTagSvgFeConvolveMatrix().KernelMatrix([]float64{1, 1, 0, 0, 0, 0, 0, 0, -1}),
),
factoryBrowser.NewTagSvgFilter().Id("convolveMatrix2").X(0).Y(0).Width(float32(1.0)).Height(float32(1.0)).Append(
factoryBrowser.NewTagSvgFeConvolveMatrix().KernelMatrix([]float64{-1, 0, 0, 0, 0, 0, 0, 0, 1}),
),
factoryBrowser.NewTagSvgImage().HRef("//developer.mozilla.org/files/6457/mdn_logo_only_color.png").Width(200).Height(200).Style("filter:url(#convolveMatrix1);"),
factoryBrowser.NewTagSvgImage().HRef("//developer.mozilla.org/files/6457/mdn_logo_only_color.png").Width(200).Height(200).Style("filter:url(#convolveMatrix2); transform:translateX(220px);"),
)
stage.Append(s1)
<-done
}