scratchfoundation/scratch-paint
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-paint.git synced 2024-12-23 05:52:42 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #345 from paulkaplan/scratch-svg-text

Browse source 
Text follow ups: don't strip newlines and use Scratch default size/font
This commit is contained in:
Paul Kaplan 2018-03-29 13:39:38 -04:00 committed by GitHub
commit 8e13c59b8f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/paint-editor/paint-editor.css
View file

@ -208,8 +208,11 @@ $border-radius: 0.25rem;
background: transparent; background: transparent;
border: none; border: none;
display: none; display: none;
font-family: Times;
font-size: 30px; /* @todo needs to match the text tool font/size */
font-family: Helvetica;
font-size: 22px;
outline: none; outline: none;
overflow: hidden; overflow: hidden;
padding: 0px; padding: 0px;

7
src/containers/paper-canvas.jsx
View file

@ -86,13 +86,10 @@ class PaperCanvas extends React.Component {
importSvg (svg, rotationCenterX, rotationCenterY) { importSvg (svg, rotationCenterX, rotationCenterY) {
const paperCanvas = this; const paperCanvas = this;
// Pre-process SVG to prevent parsing errors (discussion from #213) // Pre-process SVG to prevent parsing errors (discussion from #213)
// 1. Remove newlines and tab characters, chrome will not load urls with them. // 1. Remove svg: namespace on elements.
// https://www.chromestatus.com/feature/5735596811091968
svg = svg.split(/[\n|\r|\t]/).join('');
// 2. Remove svg: namespace on elements.
svg = svg.split(/<\s*svg:/).join('<'); svg = svg.split(/<\s*svg:/).join('<');
svg = svg.split(/<\/\s*svg:/).join('</'); svg = svg.split(/<\/\s*svg:/).join('</');
// 3. Add root svg namespace if it does not exist. // 2. Add root svg namespace if it does not exist.
const svgAttrs = svg.match(/<svg [^>]*>/); const svgAttrs = svg.match(/<svg [^>]*>/);
if (svgAttrs && svgAttrs[0].indexOf('xmlns=') === -1) { if (svgAttrs && svgAttrs[0].indexOf('xmlns=') === -1) {
svg = svg.replace( svg = svg.replace(

4
src/helper/tools/text-tool.js
View file

@ -193,8 +193,8 @@ class TextTool extends paper.Tool {
this.textBox = new paper.PointText({ this.textBox = new paper.PointText({
point: event.point, point: event.point,
content: '', content: '',
font: 'Times', font: 'Helvetica',
fontSize: 30, fontSize: 22,
fillColor: this.colorState.fillColor, fillColor: this.colorState.fillColor,
// Default leading for both the HTML text area and paper.PointText // Default leading for both the HTML text area and paper.PointText
// is 120%, but for some reason they are slightly off from each other. // is 120%, but for some reason they are slightly off from each other.