a:5:{s:8:"template";s:11799:"<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="width=device-width" name="viewport"/>
<title>{{ keyword }}</title>
<link href="//fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C700%2C300italic%2C400italic%2C700italic%7CRoboto%3A300%2C400%2C700&amp;subset=latin%2Clatin-ext" id="iexcel-fonts-css" media="all" rel="stylesheet" type="text/css"/>
</head>
<style rel="stylesheet" type="text/css">@charset "UTF-8";*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}aside,footer,header,nav{display:block}html{overflow-y:scroll}html{font-family:"Open Sans",Helvetica,sans-serif;font-family:Roboto,Helvetica,sans-serif;color:#575757}body{color:#575757;line-height:1.8;margin:0;font-family:"Open Sans",Helvetica,sans-serif;font-size:14px}a{color:#95c837;text-decoration:none}a:visited{color:#95c837}a:focus{outline:0}a:active,a:hover{color:#95c837;outline:0}a:hover{text-decoration:underline}h3{clear:both;font-family:Roboto,Georgia,serif;line-height:1.3}h3{font-size:22px;margin:22px 0}ul{margin:16px 0;padding:0 0 0 40px}ul{list-style-type:square}nav ul{list-style:none;list-style-image:none}.nav-container li a,.navigation a{transition-property:all;transition-duration:.3s;transition-timing-function:ease-in-out;transition-delay:0s}.menu-toggle:after{-webkit-font-smoothing:antialiased;display:inline-block;font:normal 16px/1 Genericons;vertical-align:text-bottom}.clear:after,.navigation:after,.site-footer .widget-area:after{clear:both}.clear:after,.clear:before,.navigation:after,.navigation:before,.site-footer .widget-area:after,.site-footer .widget-area:before{content:"";display:table}::-webkit-input-placeholder{color:#7d7b6d}:-moz-placeholder{color:#7d7b6d}::-moz-placeholder{color:#7d7b6d}:-ms-input-placeholder{color:#7d7b6d}.site-main{position:relative;max-width:1264px;margin-right:auto;margin-left:auto;padding-top:48px;padding-bottom:48px}.headerwrap{display:block;min-height:88px;background-color:#fff}.site-header{position:relative;display:block;clear:both;min-height:88px;border-bottom:1px solid #e7e7e7;z-index:30001;background-color:#fff;opacity:1}.site-header .home-link{color:#141412;display:block;float:left;min-width:80px;max-width:420px;margin:0 auto;min-height:80px;padding:0 0 0 32px;text-decoration:none;vertical-align:middle}.site-header .home-link span{height:80px;vertical-align:middle;display:table-cell;padding-top:10px}.headerwrap a.home-link{overflow:hidden}.headerwrap .navbar{display:block;float:left;padding-left:20px}.main-navigation{display:block;float:left;margin:0 auto;min-height:88px;position:relative}.nav-container>ul{margin:0;padding:0 20px 0 0}.nav-container li{display:inline-block;position:relative;padding:0 20px}.nav-container li a{color:#545454;display:block;line-height:1;padding:38px 0;text-decoration:none;position:relative}.nav-container li a:hover,.nav-container li:hover>a{color:#95c837}.menu-toggle{display:none}.navbar{margin:0 auto;max-width:1264px}.headerinnerwrap{max-width:1264px;position:relative;margin:0 auto}.navigation a{color:#95c837}.navigation a:hover{color:#666;text-decoration:none}.widget{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin:0;padding:20px 0;padding-top:6px;word-wrap:break-word}.widget .widget-title{font:400 normal 22px Roboto,Helvetica,sans-serif;border-bottom:1px solid #e7e7e7;padding-bottom:12px;margin-bottom:12px}.site-footer{background-color:#272727;color:#777;text-align:center}.site-footer .widget-area{text-align:left}.site-footer .sidebar-container{background-color:#383838;padding:20px 0;clear:both}.site-footer .widget{background:0 0;color:#fff;float:left}.footer-bg{display:block;clear:both;background-color:#383838}.site-footer .widget-wrap{margin:0 auto;max-width:1264px;padding-left:32px;padding-right:32px}.site-footer .widget-area{margin:0 auto;position:relative;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}.site-footer .widget-area .widget{display:block;float:left;margin:0;margin-bottom:1px;width:25%;padding:0 16px;position:relative}.site-footer .widget-area .widget .widget-title{border-bottom:1px solid #676767;margin-bottom:0}.site-footer .widget-title{color:#fff}.site-info{margin:0 auto;max-width:1264px;padding:30px 0;width:100%;text-align:left}.site-footer .site-info{padding:30px 32px;width:100%;font-size:12px}.site-footer .copyright{text-align:left;display:inline-block;width:49.5%}.site-header .home-link{max-width:560px}.headerwrap .navbar{float:right;margin-right:32px}@media (max-width:1069px){.menu-toggle{cursor:pointer;display:block;position:fixed;left:0;top:140px;padding:12px 12px 12px 12px;font-size:16px;font-weight:400;color:#fff;-webkit-box-shadow:0 0 2px 0 rgba(50,50,50,.64);-moz-box-shadow:0 0 2px 0 rgba(50,50,50,.64);box-shadow:0 0 2px 0 rgba(50,50,50,.64);-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;background-color:rgba(40,40,40,.8)}.menu-toggle:after{content:"\f419";font-size:18px;padding-left:8px;font-weight:700}.nav-container>ul{display:none}}@media (max-width:999px){.site-footer .widget-area{width:100%}.site-footer .widget-area .widget{display:block;float:left;width:48%;margin:0;margin-bottom:1px;padding:0 16px}}@media (max-width:767px){.site-footer .copyright{text-align:left;width:100%}}@media (max-width:580px){.site-footer .widget-area{width:100%}.site-footer .widget-area .widget{display:block;float:none;margin-bottom:1px;width:100%;padding:0 16px 0 16px}}@media print{body{background:0 0!important;color:#000;font-size:10pt}.site-header{background-image:none!important}.site-header .home-link{max-width:none;min-height:0}.main-navigation,.navbar,.site-footer,.widget-area{display:none}}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSans-LightItalic'),url(http://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hlIqY.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(http://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Xdcg.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(http://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhlIqY.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXOhs.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(http://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50e.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(http://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOhs.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(http://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc9.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(http://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxP.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(http://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc9.ttf) format('truetype')}@font-face{font-family:Genericons;src:url(genericons-regular-webfont.eot)} html{font-size:62.5%}@media screen and (max-width:750px){html{font-size:50%}}html body{font-size:1.4rem}h3{font-family:audiowide!important}h3{font-size:1.8rem}a{-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;color:#56808e}a:hover{text-decoration:none;color:#ccdde3}a:visited{color:inherit}a,a:visited{color:inherit}.headerinnerwrap{max-width:100%;width:1200px}header.site-header{border-bottom:1px solid #d1a937}header.site-header .home-link{margin:0;width:14%;margin:1rem 0;min-height:64px;min-width:115px}@media screen and (max-width:1069px){header.site-header .home-link{margin:0 auto;float:none!important;padding:0!important}}header.site-header .navbar{display:block;float:left;margin:4rem 0 0;padding-left:3%;width:86%;position:relative}@media screen and (max-width:1069px){header.site-header .navbar{width:0;float:right;margin:-20px 0 0}}header.site-header .navbar .main-navigation{min-height:auto}header.site-header .navbar .main-navigation .menu-toggle{top:37px;border-radius:0;box-shadow:none;color:#575757;background:#fff}header.site-header .navbar .nav-container #menu-main-menu{padding:0}header.site-header .navbar .nav-container #menu-main-menu li{padding:0 15px;font-family:audiowide}header.site-header .navbar .nav-container #menu-main-menu li:first-child{padding:0 15px 0 0}@media screen and (max-width:1120px){header.site-header .navbar .nav-container #menu-main-menu li{padding:0 10px}header.site-header .navbar .nav-container #menu-main-menu li:first-child{padding:0 10px 0 0}}header.site-header .navbar .nav-container #menu-main-menu li a{padding:1rem 0}header.site-header .navbar .nav-container #menu-main-menu li a:hover{color:#d1a937}header.site-header .navbar .nav-container #menu-main-menu li:hover>a{color:#d1a937}.site-main{padding:0}.site-footer .widget-area .widget .widget-title{font-size:1.8rem}.site-footer .site-info{padding:10px 32px} body{position:relative!important}</style>
<body class="nx-wide twocol-blog" style="  ">
<div class="headerwrap">
<header class="site-header" id="masthead" role="banner">
<div class="headerinnerwrap">
<a class="home-link" href="#" rel="home" title="{{ keyword }}">
<span>
{{ keyword }}</span>
</a>
<div class="navbar" id="navbar">
<nav class="navigation main-navigation" id="site-navigation" role="navigation">
<h3 class="menu-toggle">Menu</h3>
<div class="nav-container"><ul class="nav-menu" id="menu-main-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-275" id="menu-item-275"><a href="#">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-239" id="menu-item-239"><a href="#">About</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-243" id="menu-item-243"><a href="#">Contact</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-248" id="menu-item-248"><a href="#">Login</a></li>
</ul></div>
</nav>
</div>
<div class="clear"></div>
</div>
</header>
</div>

<div class="iheader" style="">
<div class="titlebar">
<h1 class="entry-title">{{ keyword }}</h1>
</div>
</div>
<div class="hfeed site" id="page">
<div class="site-main" id="main">
{{ text }}
</div>
</div>
<footer class="site-footer" id="colophon" role="contentinfo">
<div class="footer-bg clearfix">
<div class="widget-wrap">
<div class="sidebar-container" id="secondary" role="complementary">
<div class="widget-area" id="footer-widgets">
<aside class="widget widget_recent_entries" id="recent-posts-2"> <h3 class="widget-title">{{ keyword }}</h3>
</aside>
<aside class="widget widget_nav_menu" id="nav_menu-3"><h3 class="widget-title">Related</h3><div class="menu-contact-menu-container">{{ links }}</div></aside> </div>
</div>
</div>
</div>
<div class="site-info">
<div class="copyright">
2020 {{ keyword }}</div>
</div>
</footer>
</body>
</html>";s:4:"text";s:3314:"<p>This library implement both path offset and stroke offset, you may offset a path or expand a stroke like what you did in Adobe illustrator. Paper.js can be configured in a few different ways by adding attributes to the canvas tag: resize="true": Makes the canvas object as high and wide as the Browser window and resizes it whenever the user resizes the window.When the window is resized, the size of your global.view is also automatically adjusted. The difference to setting path.closed to true is that this will also merge the first segment with the last if they lie in the same location. setup ([640, 480]); // Create a Paper.js Path to draw a line into it: var path = new paper.Path (); // Give the stroke a color path. When closed, Paper.js connects the first and last segment of the path with an additional curve. </p> <p>I am trying to transfer a font from opentype to a paper.js path object. However, it can be changed by adding the item as a child of another layer or group.. Before going any further, let me explain what a group actually is. The dicussion to implement a offset function in paper.js started years ago, yet the author have not decided to put a offset feature into the library. leaverou Fiddle meta Private fiddle Extra. In Paper.js, circle.fillColor = ‘red’; fills our circle with red, and circle.scale(2) makes it twice as big. The interim page for theater Schauspiel Stuttgart creates calligraphic lines when you move your mouse. </p> <p>Paper.js allows you to automatically smooth paths using the path.smooth () function.  var paper = require (' paper '); paper. So I implement an extension of my own. This Google DevArt winner combines Paper.js with body tracking in wonderful ways. A circle is a predefined shape in Paper.js, which means it has a nice abstracted interface which you can use to create the path. </p> <p>So for each “frame” of your animation you need to know the XY coordinate where to draw your moving object (rectangle). You can also use the item.parent method to access the parent of an item, like the item.children method, which you used to access all its children. Paper.js creates the circle as a path object. JavaScript HTML CSS Result Visual: Light Dark Embed snippet Prefer iframe? : No autoresizing to fit the code. This function calculates the optimal values for the handles of the path's segment points to create curves that flow smoothly through them. Whenever you create a new item, its parent will always be the currently active layer of the project. strokeColor = ' black '; var start = new paper.Point (100, 100); // Move to start and draw a line from there path. The View object wraps an HTML element and handles drawing and user interaction through mouse and keyboard for it. See also: path.closed Groups Extra. This code takes in a percent-complete (0.00 to 1.00) and returns the XY coordinate which is that percentage along the path segment. JavaScript: Animating objects over a curved path Tweet 2 Shares 0 Tweets 1 Comments The Window.requestAnimationFrame method provides a means for having the browser trigger a function for you at rapid intervals and coordinated with the browser's own refresh cycle. </p> <p>I am using opentype.js to get the points out of the letter and than i try to make a new paper path out of this points. </p>";s:7:"keyword";s:18:"paper js move path";s:5:"links";s:3116:"<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-research-topics-for-masters-in-management'>Research Topics For Masters In Management</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-descriptive-essay-about-a-farm'>Descriptive Essay About A Farm</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-djs-research-agency'>Djs Research Agency</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-level-1-english-past-papers'>Level 1 English Past Papers</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-middlebury-supplemental-essays'>Middlebury Supplemental Essays</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-fast-food-thesis'>Fast Food Thesis</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-pre-writing-thesis'>Pre Writing Thesis</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-interpersonal-relationships-articles'>Interpersonal Relationships Articles</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-war-against-terrorism-essay-for-class-10'>War Against Terrorism Essay For Class 10</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-articles-related-to-communication'>Articles Related To Communication</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-article-370-kashmir'>Article 370 Kashmir</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-2013-biology-past-paper'>2013 Biology Past Paper</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-ocr-past-papers'>Ocr Past Papers</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-university-of-kentucky-research-foundation'>University Of Kentucky Research Foundation</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-the-road-not-taken-research-paper-pdf'>The Road Not Taken Research Paper Pdf</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-pragmatism-in-research-pdf'>Pragmatism In Research Pdf</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-aiou-past-papers-2018'>Aiou Past Papers 2018</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-Well-written-thesis'>Well Written Thesis</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-research-on-hamlet'>Research On Hamlet</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-papers-please-bribes'>Papers Please Bribes</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-code-of-conduct-article-4'>Code Of Conduct Article 4</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-macbeth-essay-topic-sentence'>Macbeth Essay Topic Sentence</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-salem-witch-trials-essay-outline'>Salem Witch Trials Essay Outline</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-cartoon-violence-articles'>Cartoon Violence Articles</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-is-a-thesis-an-opinion'>Is A Thesis An Opinion</a>,
<a href='http://extrasahaphol.com/site/iiywr.php?id=be96c3-great-gatsby-essay-titles'>Great Gatsby Essay Titles</a>,
";s:7:"expired";i:-1;}