Paper.js — License
Paper.js is distributed under the permissive MIT License: Copyright (c) 2011, Juerg Lehni & Jonathan Puckey http://lehni.org/ & http://jonathanpuckey.com/ All rights reserved. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the
BlendModeを指定する CSSのblend modeと種類は同じ String('normal', 'multiply', 'screen', 'overlay', 'soft-light', 'hard-light', 'color-dodge', 'color-burn', 'darken', 'lighten', 'difference', 'exclusion', 'hue', 'saturation', 'luminosity', 'color', 'add', 'subtract', 'average', 'pin-light', 'negation', 'source-over', 'source-in', 'source-out', 'source-atop', 'destination-over', 'destination-in', 'destination-ou
Paper.js 図形の表示 - Qiita
canvasを直接利用するより、Paper.jsやKineticJS、Fabric.js、EaselJSなどのライブラリを利用するほうが簡単。 Paper.js ・ http://paperjs.org/ $(document).ready(function(){ 'use scrict'; paper.install(window); paper.setup(document.getElementById('mainCanvas')); //ここで描画する let c = Shape.Circle(200, 200, 50); c.fillColor = 'green'; paper.view.draw(); paper.setup(document.getElementById('mainCanvas_2')); //ここに描画する let c2; for(let x = 25; x
概要 完成イメージ 実装 レイヤー分割 座標軸設定パスの描画 座標軸設定用パスの再描画 基準軸の最大値、最小値の設定 座標値の変換 おわりに 概要 最終的にデジタイザとして機能させるためには、自分で設定した任意の座標系で点をプロット（座標を取得）可能にする必要がある。今のままでは単にキャンバスのView基準の座標しか取得できないので、任意の座標系を基準とした値に変換しなければならない。ここでは、プロット機能を実装するための準備として、座標系の設定機能と座標変換処理について述べる。 完成イメージ 座標系の基準範囲を設定するパス（紫色の線）をドラッグで調整する 基準範囲の左端、右端、上端、下端の座標値を指定する 実装 レイヤー分割 この辺りから色々と処理が複雑になってくるので、キャンバスを複数のレイヤーに分割して各レイヤーに役割分担させることにする。 ここでは、画像を表示するbackgroun
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Paper.jsのBlend Modeを試してみる - not good but great
AngularとPaper.jsで簡易なデジタイザを作る3 - HAKUTAI Tech Notes