63471bcbbe
- implement few positioning properties: position, width, height, anchor; - implement font element; - implement fill element (used by font) and its children (linear, radial, ...); - font property is inherited from ancestor container (see https://www.pdfa.org/wp-content/uploads/2020/07/XFA-3_3.pdf#page=43) so let CSS handles that stuff; - in order to reduce the number of properties to set, only set non default properties and put the default in CSS; - set a background to some containers to be able to see them (will be removed in a future commit).
94 lines
2.6 KiB
JavaScript
94 lines
2.6 KiB
JavaScript
/* Copyright 2021 Mozilla Foundation
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
class XfaLayer {
|
|
static setAttributes(html, attrs) {
|
|
for (const [key, value] of Object.entries(attrs)) {
|
|
if (value === null || value === undefined) {
|
|
continue;
|
|
}
|
|
|
|
if (key !== "style") {
|
|
html.setAttribute(key, value);
|
|
} else {
|
|
Object.assign(html.style, value);
|
|
}
|
|
}
|
|
}
|
|
|
|
static render(parameters) {
|
|
const root = parameters.xfa;
|
|
const rootHtml = document.createElement(root.name);
|
|
if (root.attributes) {
|
|
XfaLayer.setAttributes(rootHtml, root.attributes);
|
|
}
|
|
const stack = [[root, -1, rootHtml]];
|
|
|
|
const rootDiv = parameters.div;
|
|
rootDiv.appendChild(rootHtml);
|
|
const coeffs = parameters.viewport.transform.join(",");
|
|
rootDiv.style.transform = `matrix(${coeffs})`;
|
|
|
|
// Set defaults.
|
|
rootDiv.setAttribute("class", "xfaLayer xfaFont");
|
|
|
|
while (stack.length > 0) {
|
|
const [parent, i, html] = stack[stack.length - 1];
|
|
if (i + 1 === parent.children.length) {
|
|
stack.pop();
|
|
continue;
|
|
}
|
|
|
|
const child = parent.children[++stack[stack.length - 1][1]];
|
|
if (child === null) {
|
|
continue;
|
|
}
|
|
|
|
const { name } = child;
|
|
if (name === "#text") {
|
|
html.appendChild(document.createTextNode(child.value));
|
|
continue;
|
|
}
|
|
|
|
const childHtml = document.createElement(name);
|
|
html.appendChild(childHtml);
|
|
if (child.attributes) {
|
|
XfaLayer.setAttributes(childHtml, child.attributes);
|
|
}
|
|
|
|
if (child.children && child.children.length > 0) {
|
|
stack.push([child, -1, childHtml]);
|
|
} else if (child.value) {
|
|
childHtml.appendChild(document.createTextNode(child.value));
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Update the xfa layer.
|
|
*
|
|
* @public
|
|
* @param {XfaLayerParameters} parameters
|
|
* @memberof XfaLayer
|
|
*/
|
|
static update(parameters) {
|
|
const transform = `matrix(${parameters.viewport.transform.join(",")})`;
|
|
parameters.div.style.transform = transform;
|
|
parameters.div.hidden = false;
|
|
}
|
|
}
|
|
|
|
export { XfaLayer };
|