As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 12 years ago.
Please tell me what do you think about HTML5 Canvas vs SVG/VML? Give me pros and cons within comparison.
Thank you!!!
HTML5 Canvas is simply a drawing surface for a bit map. You set up a draw (Say with a color and line thickness) , draw that thing, and then the Canvas has no knowledge of that thing: It doesn't know where it is or what it is, it's just pixels. If you want to draw rectangles and have them move around or be selectable then you have to code all of that from scratch, including the code to remember that you drew them.
On the other hand, every SVG/VML element you create is a real element in the DOM. By default this allows you to keep much better track of the elements you create and makes dealing with things like mouse events easier by default.
Canvas would be better for faster things and heavy bitmap manipulation (like animation), but will take more code if you want lots of interactivity.
Related
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 9 years ago.
I'm looking into making interactive websites in the near future. My question is what are the different technologies I can utilize if I wanted to make an interactive web page? I know HTML5 now has the ability to draw to a Canvas, including in 3D.
Are there any good tutorials I can look at. Below is an example website I was looking at. What technologies do you think were used in this app? I looked at the HTML source code and only saw Javascript files.
I understand this might be HTML5, but if so, what frameworks might they be using?
Arms Globe
Pitch Interactive
This website's interactivity is accomplish only with javascript.
You have 2 ways to make an interactive website: unsing Javascript, or using HTML5/CSS3 (you can also create your website interactivity by using Flash, but flash belong to the past ...)
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I'm starting a new project that will use HTML5 and HTML5 canvas.
The project is basically an interactive 2D diagram that will show some objects in the screen, you can click the objects, make some actions over the objects, I need zoom and translate features, and also drag and drop support.
What frameworks (maybe something similar to jQuery) are available to make the work easier?
What tools (debuggers, editors and so one) do you think are better to improve the productivity?
Lime.js is a nice framework for such things. It has great documentation, very straight forward codes, examples with commented functionality and (since you asked this specifically) drag and drop support. It's usually used for games but you can easily use it for something that you're after as well.
You can find everything about lime.js here: http://www.limejs.com/
As for tools, I just use Sublime Text 2 for editing and debugg using the Chrome Developer tool.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I want to create an flash paint application along with the layers where each and every component will be associated with the layers along with the property panel which will display all the properties of the components e.g. rectangle with fill and stroke, line with stroke propertty.
So, that user can manipulate the components as per his requirement. Can anyone tell me about such library which provide such type of features.
I am not aware of any library that provides all that functionality. However, you can start with a library like http://www.nocircleno.com/graffiti/ and then build up your app specific needs from there (such as adding your own property panels).
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 11 years ago.
I am currently building a Website that uses a blackletter font. I try to make it as authentic as possible, but I want to keep the code clean. So I got a few questions
Is it possible, to replace every semikolon (or any other letter, e.g. to autmoatically fill in the medieval sz-letter) with a dot (via css)?
Is it bad program style to use <br /> to correct the justification? If yes, how would you do it?
Does anyone know an opentype blackletter-font, that is using CSS3's hist-feature?
Is it possible, to replace every semikolon (or any other letter, e.g. to autmoatically fill in the medieval sz-letter) with a dot (via css)?
the answer to that is no. You'll need JavaScript or server-side programming to do it.
Alternatively, you could of course edit the font you're using and do the substitutions there - but that's really hard. The font's license must allow it; you need to have the right tools, and you need to beprepared to deal with the possible kerning issues that simply replacing one character with another will bring.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I looking for a decent Image sprite generator. I tried http://spritegen.website-performance.org/ but it's not "smart" enough to handle multiple image dimensions and merge them with few blank spaces between images.
Any suggestions???
ZeroSprites is a CSS sprites generator aimed at area minimization using VLSI floorplaning algorithms. It can generate tighter sprites sheet than Sprite Generator and Spritemapper.
I have used them all and Sprite Cow is by far the best.
Update: There's a really cool new tool called SpritePad. It's an even better solution.
I use csssprites.com. Its interface is a little rudimentary, but it has some good options for getting it just right, and has worked well for me.
I created a CSS Image Sprite Generator on my website that you may find useful. It's simple but does the job, check it out at: http://jstiles.com/Applications/CSS-Image-Sprite-Generator. And if there are any specific options/updates you want - I may be able to code them in for you; just contact me through my website, thanks.