disjukr / croquis.js Goto Github PK

This looks nice. But if I If I yarn install and try to import stuff from this npm package, I get:

Cannot find module 'croquis.js' or its corresponding type declarations.

That's because the TypeScript compiler apparently concludes the .js ending that it should import from a the file ./croquis.js in the current directory.

Does this library support brush tilt angle?

Also, is there a way to adjust hardness?

these are common photoshop features.

Thanks!

reboot 이전 커밋: 0b8d857

jquery based로 다시 작성.

고려해야할 부분:

• iframe으로 샌드박싱
• api 모양새 - 어차피 canvas를 사용하므로 es5 feature를 마음껏 사용할 수 있다
• 타블렛 - 지금은 필압만 받을 수 있게 돼있는데 기울기 정보도 활용할 수 있게끔
• stabilizer - 보정 속성이 많아질 수록 연산량에 부담이.. 크게 신경쓸 정도는 아니지만
• 레이어 유저 커스텀 속성(레이어 이름 등)
• 지우개 - css나 svg같은걸론 해결 안되므로 setInterval 트릭을 써야한다.
• history - undo, redo 구현. 그리기 명령을 트래킹할지는 약간 고민되는데.. undo에는 어차피 dirty rectangle이 필수라 이미 결정된 걸지도. 어떻게 하면 히스토리를 유연하게 만들 수 있을까.. 메모리 처먹는 것 문제는 local storage를 활용하는 것도 생각 중.
• 캐싱 - eyedropper 마냥 픽셀을 여러번 참조해야하는 경우 image data를 그때그때 얻어쓰면 gpu메모리랑 왔다갔다 하는 비용이 워낙 크기 때문에 캐싱이 필요함.
• 문서화
• webgl? - 학습비용이 높고 ie10이하 포기해야함. 대신 여러가지 hack들을 쓸 필요가 전부 사라지고 블렌딩 모드도 구현 가능해진다.

Please consider allowing the argument to Croquis.Brush.setSize() to be a function that provides a brush size. This would allow one to make a brush that changes size as it is used. Currently it doesn't seem possible to change the brush mid-move.

Please consider allowing the argument to Croquis.Brush.setColor() to be a function that provides a color. This would allow one to make a brush that changes colors as it is used. Currently it doesn't seem possible to change the brush mid-move.

I am trying to implement a photoshop brush experience in the browser. This seems like a great tool. I am having trouble getting the hang of how to use this library. I would like to have similar data control like the common example. Maybe a bit more documentation would help.

what is the difference between the simple and common examples?

Thanks for creating this!

There is, for example hwapan under /packages... while I can figure out that the word means "drawing board", I still have no clue what the package is for 😅

I think it would be great to describe what packages are / what they do for anyone who stumbles upon this repo :)

P.S. thanks for generous "advertising" on stackoverflow, I found this repo and I'm planning to use it in my demo / game / learning tool thing :)

Project using croquis.js links didn't work

Thanks for implementing such a nice library i am facing one issue if you would help me then it would be great

On surface touch with Edge browsers, we are facing an issue. The whole window starts dragging with the touch and draw gesture.

it would be really nice if you solved this problem