How do I develop a sketch website? What technology is suggested?

Question

1.00/5 (1 vote)

See more:

Hello everyone,

I'm building a sketch website where I am trying to introduce different types of sketches including pencil sketches, color sketches, IG-like filters, and more.

I'm an initial phase where I am exploring the possible technologies I can use to make this happen.

I would like to hear from the community on what should be the best tech stack to ensure the website is scalable and also offers flexibility to users to change scales, crop, and download the images. I plan to keep the images in base64 format to ensure I do not need to store them anywhere.

What I have tried:

I've explored a few options including:

Canvas JS - a library that works based on HTML5 canvas
Php imagick
python opencv

I tried a few websites which do the same thing close to perfect, for example - Sketch My Pic

Please suggest?

Posted 17-Jun-22 21:49pm

Member 15678123

Updated 22-Jun-22 6:27am

Sean Ewington

v6

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

RickZeeland · Answer 1 · 2022-06-17T22:09:00

Solution 1

Maybe you can use one of these open-source-command-line-image-conversion-tools[^]
And also take a look at: what-are-the-most-enjoyable-programming-languages-for-web-development[^]

Another option might be the OpenCV library which can be used from JavaScript:
OpenCV: OpenCV.js Tutorials[^]

They have an example of an image scaling that you can try out live:
OpenCV: Geometric Transformations of Images[^]

Posted 17-Jun-22 22:09pm

RickZeeland

Updated 22-Jun-22 8:05am

v3

Comments

Member 15678123 22-Jun-22 12:37pm

I've tried a few of these today, but the problem is the processing time + ability to change the scales - it's adds a lot of server processing.

Member 15678123 22-Jun-22 22:36pm

is it possible to reverse engineer a website on what my competitor might be using? I am now allowed to post links here but there are a few you can find if you google sketch pic