muaz-khan / Canvas-Designer

Collaborative, extendable, JavaScript Canvas2D drawing tool, supports dozens of builtin tools, as well as generates JavaScript code for 2D animations.
https://www.webrtc-experiment.com/Canvas-Designer/
MIT License
368 stars 171 forks source link

can i customize my icon #33

Closed NgocAnPham closed 5 years ago

NgocAnPham commented 7 years ago

can i customize my icon (pencil, eraser,... ) ? and where i can do this

muaz-khan commented 7 years ago

Please check YouTube video: https://www.youtube.com/watch?v=pvAj5l_v3cM

Here is the pencil-handler.js:

For more info: https://www.webrtc-experiment.com/Canvas-Designer/Help/#contribute

NgocAnPham commented 7 years ago

how i can change your icon images by mine image? your icon look so basic :))

hpsaini4u commented 6 years ago

hi have you managed to customize the icons @NgocAnPham

sanpangzi commented 6 years ago

Please fix widget.min.js,as follow: function decoratePencil() {//铅笔 var context = getContext("pencil-icon"), image = new Image; image.onload = function() { context.drawImage(image, 0, 0, 40, 40), bindEvent(context, "Pencil") }, image.src = "/static/img/pencil.png"; }

_20171218112540

supdpk-zz commented 6 years ago

How can we use font-awesome to replace icons?

ph4t0o0o0om commented 5 years ago

Can anyone here change the ICON of this canvas? Please help

LucasHimelfarb commented 5 years ago

have you managed to customize the icons @ph4t0o0o0om ?????

muaz-khan commented 5 years ago

@LucasHimelfarb its here:

LucasHimelfarb commented 5 years ago

Hi Muaz Khan,

I have some doubts:

Best regards,

El jue., 24 de ene. de 2019 a la(s) 10:30, Muaz Khan ( notifications@github.com) escribió:

Closed #33 https://github.com/muaz-khan/Canvas-Designer/issues/33.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/muaz-khan/Canvas-Designer/issues/33#event-2094464683, or mute the thread https://github.com/notifications/unsubscribe-auth/As0kF-gHSxkhKZDQCy-TLEUrDsTsNuEFks5vGbVpgaJpZM4OL1ld .

muaz-khan commented 5 years ago

@LucasHimelfarb You can open following URL on your mobile device and it will/should work:

Default demo doesn't works because this project is currently using iframes. IFrames doesn't seems to listen for touch events correctly.

Need to directly inject HTML on target websites. It will fix touch issues. It is in my todo list and I'm planning to work on it soon.

Regarding two-peer-draw-at-same-time, it is gonna be tricky to fix it. Nee to use object i.e. {key:value} rather than arrays where key is a unique identifier of the drawing same contains all required information draw shape on valid order. It will fix all sycing issues. Need to work on it as well, however lets fix mobile touch issues first.

Regarding responsive canvas, injecting HTML on target website will fix this issue as well. We need to move away from iframes.