evert/svgcanvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Apply transform to paths

Browse Source
This commit is contained in:
k1w1 2022-09-05 12:35:47 -07:00
parent a61b048f3d
commit f43ff8ba15
1 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
context.js
View File

@ -633,35 +633,32 @@ export default (function () {
* Sets the stroke property on the current element * Sets the stroke property on the current element
*/ */
Context.prototype.stroke = function (path2d) { Context.prototype.stroke = function (path2d) {
if (path2d) { this.__strokeOrFill(path2d, "stroke");
var path = this.__createPathElement();
this.__applyStyleToElement(path, "stroke");
path.setAttribute("paint-order", "fill stroke markers");
path.setAttribute("d", path2d.__pathString);
} else {
if (this.__currentElement.nodeName === "path") {
this.__currentElement.setAttribute("paint-order", "fill stroke markers");
}
this.__applyCurrentDefaultPath();
this.__applyStyleToElement(this.__currentElement, "stroke");
}
}; };
/** /**
* Sets fill properties on the current element * Sets fill properties on the current element
*/ */
Context.prototype.fill = function (path2d) { Context.prototype.fill = function (path2d) {
this.__strokeOrFill(path2d, "fill");
};
Context.prototype.__strokeOrFill = function (path2d, action) {
if (path2d) { if (path2d) {
var path = this.__createPathElement(); var path = this.__createPathElement();
this.__applyStyleToElement(path, "fill"); this.__applyStyleToElement(path, action);
path.setAttribute("paint-order", "fill stroke markers"); path.setAttribute("paint-order", "fill stroke markers");
path.setAttribute("d", path2d.__pathString); path.setAttribute("d", path2d.__pathString);
this.__applyTransformation(path);
} else { } else {
if (this.__currentElement.nodeName === "path") { if (this.__currentElement.nodeName === "path") {
this.__currentElement.setAttribute("paint-order", "stroke fill markers"); this.__currentElement.setAttribute(
"paint-order",
"stroke fill markers"
);
} }
this.__applyCurrentDefaultPath(); this.__applyCurrentDefaultPath();
this.__applyStyleToElement(this.__currentElement, "fill"); this.__applyStyleToElement(this.__currentElement, action);
} }
}; };