scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2024-12-29 09:22:22 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

No need to expand CSS 'font' shorthand property, since we're now iterating all style properties.

Browse source
This commit is contained in:
Jürg Lehni 2013-03-01 10:21:19 -08:00
parent 01026c0896
commit afeb8cbe70
2 changed files with 16 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
examples/SVG Import/Polybezier.html
View file

@ -9,13 +9,13 @@
project.importSvg(document.getElementById('svg'));
</script>
<style type="text/css">
.Border { fill:none; stroke:blue; stroke-width:1 }
.Connect { fill:none; stroke:#888888; stroke-width:2 }
.SamplePath { fill:none; stroke:red; stroke-width:5 }
.EndPoint { fill:none; stroke:#888888; stroke-width:2 }
.CtlPoint { fill:#888888; stroke:none }
.AutoCtlPoint { fill:none; stroke:blue; stroke-width:4 }
.Label { font-size:22; font-family:Verdana }
.Border { fill:none; stroke:blue; stroke-width:1; }
.Connect { fill:none; stroke:#888888; stroke-width:2; }
.SamplePath { fill:none; stroke:red; stroke-width:5; }
.EndPoint { fill:none; stroke:#888888; stroke-width:2; }
.CtlPoint { fill:#888888; stroke:none; }
.AutoCtlPoint { fill:none; stroke:blue; stroke-width:4; }
.Label { font-size:22px; font-family: Verdana; }
</style>
</head>
<body>

27
src/svg/SvgImport.js
View file

@ -286,15 +286,6 @@ new function() {
function applyTextAttribute(item, value, name, node) {
if (item instanceof TextItem) {
switch (name) {
case 'font':
// TODO: Verify if there is not another way?
var text = document.createElement('span');
text.style.font = value;
for (var i = 0; i < text.style.length; i++) {
var name = text.style[i];
item = applyAttribute(item, text.style[name], name, node);
}
break;
case 'font-family':
item.setFont(value.split(',')[0].replace(/^\s+|\s+$/g, ''));
break;
@ -349,7 +340,6 @@ new function() {
'fill-opacity': applyOpacity,
'stroke-opacity': applyOpacity,
font: applyTextAttribute,
'font-family': applyTextAttribute,
'font-size': applyTextAttribute,
'text-anchor': applyTextAttribute,
@ -431,20 +421,21 @@ new function() {
parentStyles = DomElement.getStyles(node.parentNode);
Base.each(attributes, function(apply, key) {
// First see if the given attribute is defined.
var attr = node.attributes[key];
if (attr) {
item = applyAttribute(item, attr.value, attr.name, node);
} else {
var attr = node.attributes[key],
value = attr && attr.value;
if (!value) {
// Fallback to using styles. See if there is a style, either set
// directly on the object or applied to it through CSS rules.
// We also need to filter out inheritance from their parents.
var name = Base.camelize(key),
value = node.style[name];
var name = Base.camelize(key);
value = node.style[name];
if (!value && styles[name] !== parentStyles[name])
value = styles[name];
if (value && value != 'none')
item = applyAttribute(item, value, key, node);
if (value === 'none')
value = null;
}
if (value)
item = applyAttribute(item, value, key, node);
});
return item;
}