radex
/
MethodDraw
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

better gradient previews

main
Mark MacKay 2021-06-25 10:06:58 -05:00
parent 65fe5edb70
commit e68f8cc20a
1 changed files with 4 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/js/PaintBox.js
View File

@ -82,19 +82,10 @@ MD.PaintBox = function(container, type){
var id = this.grad.id = 'gradbox_' + this.type;
fillAttr = "url(#" + id + ')';
if (this.grad.getAttribute('gradientUnits') === "userSpaceOnUse") {
const box = $("#tool_" + this.type);
const width = box.width();
const height = box.height();
const selectedElement = svgCanvas.getSelectedElems().filter(Boolean)[0];
if (!selectedElement) return;
const bbox = selectedElement.getBBox();
const rRatio = this.grad.getAttribute("r") / (bbox.width/2);
const cxRatio = this.grad.getAttribute("cx") / (bbox.width);
const cyRatio = this.grad.getAttribute("cy") / (bbox.height);
this.grad.removeAttribute("gradientTransform");
this.grad.setAttribute("r", width/2*rRatio);
this.grad.setAttribute("cx", cxRatio * width/2);
this.grad.setAttribute("cy", cyRatio * height/2);
const gradient = this.grad;
["userSpaceOnUse", "gradientTransform", "gradientUnits", "cx", "cy", "fx", "fy", "r"].forEach(attr => {
gradient.removeAttribute(attr);
});
}
}
this.rect.setAttribute('fill', fillAttr);