How to use the paper.View function in paper
To help you get started, we’ve selected a few paper examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
googlefonts / korean / app / components / FontOutlineViewer.js View on Github 
componentDidMount(){
paper.setup(this.refCanvas);
this.project = paper.View._viewsById[this.refCanvas.id]._project;
this.view = paper.View._viewsById[this.refCanvas.id];
var { font, message, category, screenWidth, backgroundMode, size, fontSize, letterSpacing, baseline } = this.props;
// console.log (fontSize + "," + baseline);
this.createGlyphPath(font, message, size, backgroundMode, fontSize, letterSpacing, baseline, screenWidth, category);
this.project.activate();
this.view.draw();
}componentDidMount(){
paper.setup(this.refCanvas);
this.project = paper.View._viewsById[this.refCanvas.id]._project;
this.view = paper.View._viewsById[this.refCanvas.id];
var { font, message, category, screenWidth, backgroundMode, size, fontSize, letterSpacing, baseline } = this.props;
// console.log (fontSize + "," + baseline);
this.createGlyphPath(font, message, size, backgroundMode, fontSize, letterSpacing, baseline, screenWidth, category);
this.project.activate();
this.view.draw();
}componentDidMount(){
paper.setup(this.refCanvas);
this.project = paper.View._viewsById[this.refCanvas.id]._project;
this.view = paper.View._viewsById[this.refCanvas.id];
var { font, message, screenHeight, screenWidth, animationIdx, backgroundMode, containerHeight, size, fontSize, letterSpacing, baseline } = this.props;
this.createGlyphPath(font, message, screenWidth, screenHeight, backgroundMode, containerHeight, size, fontSize, letterSpacing, baseline);
this.attachAnimation(this.props);
this.project.activate();
this.view.draw();
}componentDidMount(){
paper.setup(this.refCanvas);
this.project = paper.View._viewsById[this.refCanvas.id]._project;
this.view = paper.View._viewsById[this.refCanvas.id];
var { letterSpacing, baseline, fontSize, font, message, screenHeight, screenWidth, animationScriptIdx, backgroundMode, size, containerHeight } = this.props;
this.createGlyphPath(font, message, size, screenWidth, screenHeight, backgroundMode, containerHeight, fontSize, letterSpacing, baseline);
this.attachAnimation(this.props);
this.project.activate();
this.view.draw();
}componentDidMount(){
paper.setup(this.refCanvas);
this.project = paper.View._viewsById[this.refCanvas.id]._project;
this.view = paper.View._viewsById[this.refCanvas.id];
var { letterSpacing, baseline, fontSize, font, message, screenHeight, screenWidth, animationScriptIdx, backgroundMode, size, containerHeight } = this.props;
this.createGlyphPath(font, message, size, screenWidth, screenHeight, backgroundMode, containerHeight, fontSize, letterSpacing, baseline);
this.attachAnimation(this.props);
this.project.activate();
this.view.draw();
}componentDidMount(){
paper.setup(this.refCanvas);
this.project = paper.View._viewsById[this.refCanvas.id]._project;
this.view = paper.View._viewsById[this.refCanvas.id];
var { font, message, screenHeight, screenWidth, animationIdx, backgroundMode, containerHeight, size, fontSize, letterSpacing, baseline } = this.props;
this.createGlyphPath(font, message, screenWidth, screenHeight, backgroundMode, containerHeight, size, fontSize, letterSpacing, baseline);
this.attachAnimation(this.props);
this.project.activate();
this.view.draw();
}paper
The Swiss Army Knife of Vector Graphics Scripting
