html5-canvas


line to connect two images dropped on canvas using kineticjs


I have toolbar with multiple images which can be dragged and dropped on the canvas and also movable.
i want create a button called line to connect the images dropped on canvas using kineticjs
Do this in the click event handler of your button:
// assumes i1 & i2 are references your images,
// this code creates a new line connecting those 2 images
var line=new Kinetic.Line({stroke:'black',points:[i1.x(),i1.y(),i2.x(),i2.y()]});
layer.add(line);
line.moveToBottom();
layer.draw();

Related Links

kineticJS Uncaught TypeError: Type error
what is in the HTML5 toDataURL?
Animate (Oscillation) custom drawn shape on Canvas
3d Models Augmented Reality Javascript (js-aruco)
Draggable element in KineticJS that is “under” another?
Three.JS - DAE Animation Without Skins
How to use Flot canvas plugin
canvas issue on chrome mobile
paint application with kinetic js
HTML5 Canvas API
How to add subscript and superscript text in kinetic text
Tween after dragging doesn't start to the drag-end position (with KineticJS)
How to Get Display Object width using createjs framework in html5
try google webfonts on html5 canvas every method: standard, #import, javascript and webfont loader, neither work
drawImage() on canvas saturates colors and messes up alpha
Creating a fadeIn effect

Categories

HOME
opencv
selenium
youtube
typeahead.js
passwords
spi
winsql
tin-can-api
plotly
zipfile
windows-10-desktop
avplayer
session-cookies
javers
aerospike
slowcheetah
silk-performer
swig
libpcap
rtp
ghost-blog
atg
similarity
amazon-cloudfront
urlrewriter.net
jsgrid
addthis
azure-redis-cache
dsl
desktop-app-converter
phonegap-desktop-app
ucwa
trial
graphql-dotnet
operator-keyword
asana-api
true-type-fonts
feedly
swipe
vue-router
webcenter
detach
deep-copy
gradient-descent
p4-lang
disqus
uistoryboardsegue
ipod-touch
uitabbarcontroller
consistency
free-diameter
qmenubar
mobile-browser
opal
ternary
a-star
jvm-arguments
liclipse
glumpy
angular-directive
bosh-deployer
nuget-package-restore
zenity
itamae
atmosphere.js
mysql-notifier
ubuntu-15.04
4d
pypyodbc
training-data
pypdf
samsung-gear
delphi-10-seattle
database-tuning-advisor
core-data-migration
scalariform
ehcache-bigmemory
mkpolyline
openxls
chatjs
catalina.out
django-supervisor
email-spam
keyboard-navigation
b2b
dotliquid
sysadmin
broadcom
zephir
kmz
memento
browserid
qbwc
datakey
letter-spacing
facebook-authentication
directoryentry
xoom
spquery
indextank
keylogger
excel-web-query
xquery-update
net-ssh
server.transfer
stsadm

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App