can i customize my icon

Question

can i customize my icon

NgocAnPham opened this issue 7 years ago · comments

NgocAnPham commented 7 years ago

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

Muaz Khan · Answer 1 · Mon Jul 03 2017 13:07:56 GMT+0800 (China Standard Time)

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

Here is the pencil-handler.js:

https://github.com/muaz-khan/Canvas-Designer/blob/master/dev/pencil-handler.js

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

NgocAnPham · Answer 2 · Tue Jul 04 2017 12:12:41 GMT+0800 (China Standard Time)

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

hpsaini4u · Answer 3 · Mon Dec 11 2017 18:25:12 GMT+0800 (China Standard Time)

hi have you managed to customize the icons @NgocAnPham

Echo · Answer 4 · Mon Dec 18 2017 11:29:08 GMT+0800 (China Standard Time)

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"; }

Deepak Belbase · Answer 5 · Thu Apr 19 2018 16:00:06 GMT+0800 (China Standard Time)

How can we use font-awesome to replace icons?

phantom · Answer 6 · Tue Sep 04 2018 16:33:29 GMT+0800 (China Standard Time)

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

Lucas Himelfarb · Answer 7 · Thu Jan 24 2019 20:55:38 GMT+0800 (China Standard Time)

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

Muaz Khan · Answer 8 · Thu Jan 24 2019 21:30:09 GMT+0800 (China Standard Time)

@LucasHimelfarb its here:

https://github.com/muaz-khan/Canvas-Designer#icons

Lucas Himelfarb · Answer 9 · Thu Jan 24 2019 22:34:59 GMT+0800 (China Standard Time)

Hi Muaz Khan, I have some doubts: - Have the library support for mobile devices? I can't draw on Android. - How can I make the canvas responsive? - Can two peers draw at the same time? I have some issues when two persons are drawing, because the canvas only render one of them. Best regards, El jue., 24 de ene. de 2019 a la(s) 10:30, Muaz Khan ( notifications@github.com) escribió:

…

Closed #33 <#33>. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#33 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/As0kF-gHSxkhKZDQCy-TLEUrDsTsNuEFks5vGbVpgaJpZM4OL1ld> .

Muaz Khan · Answer 10 · Thu Jan 24 2019 23:04:59 GMT+0800 (China Standard Time)

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

https://www.webrtc-experiment.com/Canvas-Designer/widget.html

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.