GoJS v2.0.6 go.Picture source base64 error
imageSource = base64
return GO(go.Picture,
{
name: name,
source: imageSource,
desiredSize: new go.Size(16, 16),
alignment: spot,
alignmentFocus: alignmentFocus,
visible: false
}…
What is the value of that string? Showing a screenshot of part of the string doesn’t help us reproduce the problem.
data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2VlZSIgZD0iTTIxIDMuNzA3VjhoNC4yOTN6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDU5YjIiIGQ9Ik0yIDE1aDIxdjExSDJ6Ii8+PHBhdGggZD0iTTkgMjNINnYtNWgzdjFoMXYzSDl2MXptMC0xdi0zSDd2M2gyek0xMiAyMmgtMXYtM2gxdi0xaDJ2MWgxdjNoLTF2MWgtMnYtMXptMiAwdi0zaC0ydjNoMnpNMTcgMjJoLTF2LTNoMXYzem0wLTN2LTFoMnYxaC0yem0wIDR2LTFoMnYxaC0yeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yMC41IDlhLjUuNSAwIDAgMS0uNS0uNVYzSDd2MTFoMTd2MTNIN3YyaDE5VjloLTUuNXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjAuNzUgMkg2djEyaDFWM2gxM3Y1LjVhLjUuNSAwIDAgMCAuNS41SDI2djIwSDd2LTJINnYzaDIxVjguMjVMMjAuNzUgMnpNMjEgOFYzLjcwN0wyNS4yOTMgOEgyMXoiIGZpbGw9IiM3MjcyNzIiLz48L3N2Zz4=
When I try this:
myDiagram.nodeTemplate =
$(go.Node, "Vertical",
$(go.Picture,
{
width: 16, height: 16, portId: "",
source: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2VlZSIgZD0iTTIxIDMuNzA3VjhoNC4yOTN6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDU5YjIiIGQ9Ik0yIDE1aDIxdjExSDJ6Ii8+PHBhdGggZD0iTTkgMjNINnYtNWgzdjFoMXYzSDl2MXptMC0xdi0zSDd2M2gyek0xMiAyMmgtMXYtM2gxdi0xaDJ2MWgxdjNoLTF2MWgtMnYtMXptMiAwdi0zaC0ydjNoMnpNMTcgMjJoLTF2LTNoMXYzem0wLTN2LTFoMnYxaC0yem0wIDR2LTFoMnYxaC0yeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yMC41IDlhLjUuNSAwIDAgMS0uNS0uNVYzSDd2MTFoMTd2MTNIN3YyaDE5VjloLTUuNXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjAuNzUgMkg2djEyaDFWM2gxM3Y1LjVhLjUuNSAwIDAgMCAuNS41SDI2djIwSDd2LTJINnYzaDIxVjguMjVMMjAuNzUgMnpNMjEgOFYzLjcwN0wyNS4yOTMgOEgyMXoiIGZpbGw9IiM3MjcyNzIiLz48L3N2Zz4="
}),
// $(go.Shape,
// { fill: "white", portId: "", fromLinkable: true, toLinkable: true, cursor: "pointer" },
// new go.Binding("fill", "color")),
$(go.TextBlock,
{ margin: 8, editable: true },
new go.Binding("text").makeTwoWay())
);
I get:
Is that not what you are expecting? I’m using GoJS v2.0.6 (currently “latest”).
GoJS v2.0.7 still not working please help
So what I showed in a screenshot is what you are expecting?
Obviously it worked for me in several browsers on Windows 10. What browsers have you tried on which platforms?
I’m trying it on the Chrome. The problem is not the browser but also the V2.0.4. As I updated to V2.0.5, the source fails.
source: imageSource getting error in comment line does not stop
return GO(go.Picture,
{
name: name,
source: imageSource,
desiredSize: new go.Size(16, 16),
alignment: spot,
alignmentFocus: alignmentFocus,
visible: false
},
new go.Binding("visible", "externalData", function (val) {
if (visible) {
return visible(val);
}
return false;
}),
{
toolTip: GO(go.Adornment, "Auto", { visible: parameters ? parameters.ShowDocumentInfoText : true },
GO(go.Shape, { fill: "#FFFFCC" }),
GO(go.TextBlock, {
margin: 4
},
new go.Binding("text", "externalData", function (externalData) {
if (title) {
return title(externalData);
}
return "";
})
)
),
doubleClick: function (e, node) {
var part = node.part;
if (doubleClick) {
doubleClick(part);
}
},
click: function (e, node) {
var part = node.part;
if (click) {
click(part);
}
}
},
externalParameters
);What do you mean by this?
@Sami61 can you modify this codepen until it shows the error you are seeing? https://codepen.io/simonsarris/pen/GLZowQ?editors=1010
I set nodeTemplate twice and same problem how to fix this.
function init() {
var $ = go.GraphObject.make; // for conciseness in defining templates
myDiagram = $(go.Diagram, "myDiagramDiv",
{
"undoManager.isEnabled": true
});
myDiagram.nodeTemplate =
$(go.Node, "Spot",
$(go.Picture,
{
width: 16, height: 16,
source: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2VlZSIgZD0iTTIxIDMuNzA3VjhoNC4yOTN6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDU5YjIiIGQ9Ik0yIDE1aDIxdjExSDJ6Ii8+PHBhdGggZD0iTTkgMjNINnYtNWgzdjFoMXYzSDl2MXptMC0xdi0zSDd2M2gyek0xMiAyMmgtMXYtM2gxdi0xaDJ2MWgxdjNoLTF2MWgtMnYtMXptMiAwdi0zaC0ydjNoMnpNMTcgMjJoLTF2LTNoMXYzem0wLTN2LTFoMnYxaC0yem0wIDR2LTFoMnYxaC0yeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yMC41IDlhLjUuNSAwIDAgMS0uNS0uNVYzSDd2MTFoMTd2MTNIN3YyaDE5VjloLTUuNXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjAuNzUgMkg2djEyaDFWM2gxM3Y1LjVhLjUuNSAwIDAgMCAuNS41SDI2djIwSDd2LTJINnYzaDIxVjguMjVMMjAuNzUgMnpNMjEgOFYzLjcwN0wyNS4yOTMgOEgyMXoiIGZpbGw9IiM3MjcyNzIiLz48L3N2Zz4="
})
);
myDiagram.nodeTemplate =
$(go.Node, "Spot",
$(go.Picture,
{
width: 16, height: 16,
source: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2VlZSIgZD0iTTIxIDMuNzA3VjhoNC4yOTN6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDU5YjIiIGQ9Ik0yIDE1aDIxdjExSDJ6Ii8+PHBhdGggZD0iTTkgMjNINnYtNWgzdjFoMXYzSDl2MXptMC0xdi0zSDd2M2gyek0xMiAyMmgtMXYtM2gxdi0xaDJ2MWgxdjNoLTF2MWgtMnYtMXptMiAwdi0zaC0ydjNoMnpNMTcgMjJoLTF2LTNoMXYzem0wLTN2LTFoMnYxaC0yem0wIDR2LTFoMnYxaC0yeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yMC41IDlhLjUuNSAwIDAgMS0uNS0uNVYzSDd2MTFoMTd2MTNIN3YyaDE5VjloLTUuNXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjAuNzUgMkg2djEyaDFWM2gxM3Y1LjVhLjUuNSAwIDAgMCAuNS41SDI2djIwSDd2LTJINnYzaDIxVjguMjVMMjAuNzUgMnpNMjEgOFYzLjcwN0wyNS4yOTMgOEgyMXoiIGZpbGw9IiM3MjcyNzIiLz48L3N2Zz4="
})
);
myDiagram.model = new go.GraphLinksModel(
[
{ key: "Alpha", color: "lightblue" }
]);
} // end init
init();That’s interesting. Thanks for reporting the bug – we’ll investigate.
Thank you for your help.
This is now live as GoJS 2.0.8.