Here are my criterias:
I'd prefer something with a configurable, polished and preferaby embeddable user interface. Black and white editing (black lines on white canvas) is fine for my purposes. Cross-browser compatibility would be nice. I would rather not use Flash. Text editing is a must (changing font type and size).
I'm not looking for the perfect editor for my purposes because that surely doesn't exist but something close.
Have you tried Aviary?
http://aviary.com/tools/raven
I have a simple (some broken features) custom-made SVG editor. Looks cool though and you used SVG HTML coding.
https://codehs.com/editor/html/3774203/1907290/svg-editor.html
Related
Hello I need to integrate formatted text into an older application written in Delphi where it would be rendered into the canvas (GDI - yes prehistoric technology, need to support Win Vista and later). I've tried to accomplish this with html and rtf but both have pros and cons. I've decided to use rtf and TRichEdit as an editor. It has nice interface and it's easy to write needed functionality. The problem is with rendering (already solved that part) and zooming it in reasonable image quality and linear scaling (or almost linear). I've alreday tried 2 approaches:
Rendering into bitmap and then zooming - nice linear scaling, but terrible pixelated image - as expected
Zooming via TRichEdit feature and then rendering into bitmap - nice sharp image, but linear scaling is gone.
Is there some other approach? Thanks.
I'm experiencing painting issues when combining TScaledLayout and custom styles created from the bitmap style designer in fmx.
To demonstrate, I loaded the default custom style created by chosing "New style for VCL / FMX" -> "save as .style" in the bitmap style designer. I dropped several standard controls on some colored rectangles: The red & green ones on a TScaledLayout, the blue one directly on the form. As I stretch the form, colored lines appear on the controls on the ScaledLayout; the background is partially visible:
If I size the form to exactly match the design-time dimensions, the lines disappear. That seems like a pretty significant issue, I certainly can't use those two together like that. Does anybody have an idea for a possible fix or workaround?
Looks like this is a known issue with scaling and bitmaps. See the Google+ discussion here - https://plus.google.com/+PaulThornton/posts/ACAHkJD3a84. I'll quote Marco Cantu's thoughts:
I've found an internally reported issue of a similar case, but haven't
found one that matches this scenario. Certainly worth adding to quality
portal. Having said this, I fear that bitmap-based operations and
scaling don't really fit together very well, and it might be difficult
to have an all encompassing solution.
Let me explain with an example. Take a button. This is painted by FMX
with 9 sections (borders, corners, central part) so that regardless of
the size the bitmap elements are stretched in one direction at most,
often just draw. Stretching a single bitmap for the button to the
target size would break anti-aliasing and create a blurred image when
using colors.
This is example what happens with a ScaledLayout, given it takes the
complete final image and transforms it. ScaledLayout was originally
introduced with vector styles, and worked very well in that scenario.
With todays's bitmap styles things get a bit more complex.
Regardless of this explanation of there the issue lies, I'd recommend
reporting it on QC, and I'll make sure it doesn't get closed as design
(it could naturally happen, this is how the system works) but that we
do some investigation to address the issue -- turning this into a
feature request.
I am writing a little application in classic asp (don't judge me, I don't have a choice) where I need to offer users a choice of PNG and a choice of colors, then I need to display the image among other html elements. The color will essentially come from a color selector, so there will be endless choices and I don't really have the option of making every PNG in every possible color. Does anybody know of a script I could use for this, or should I just take a crack at making one from scratch?
You can achieve this with ImageMagick or GraphicsMagick.
They both have a COM component you can install and use from ASP. They allow image manipulation from code.
Using .NET like suggested above will do the same thing, but it's equally possible in classic ASP (or other languages like perl or Python) using one of these two components.
Mind you: It will not be a simple thing to do, but essentially what you want is to manipulate images with code, and more specifically change one color, which is tricky in most programming languages.
Here are a few links to get you started:
Using ImageMagick from classic ASP
Replacing a color with ImageMagick
Even we can take color code from color picker and assign it as the background color something like this
color = "#3B0B0B"
I'm rendering text to a PNG using ImageMagick's convert -annotate command. Now I want to reduce the kerning, i.e. spacing between the letters. This can be done in IM using an option like -kerning -2.
Unfortunately, this option completely overrides the default kerning of the font, so that now the bounding boxes of all letters have the same distance, even in cases like the letter combination "AV", where they should overlap.
Is there a way to make IM apply the default kerning first, but decrease the resulting spacing by e.g. 2px, instead of using the same spacing everywhere?
Failing that, are there alternative command line (or Ruby) tools that can render text in a custom font to PNG while supporting the desired behaviour?
If you have a later version of Imagemagick > 6.7.6-3 there is a new feature ( I think it will only work on Linux machines ) which might be able to do what you want. I have not checked it out: http://www.imagemagick.org/Usage/text/#pango
This issue has been fixed in ImageMagick 6.8.9-6 Beta.
It's a bit more work to set up, but of late I've been advocating to people wanting to do server-side document rendering to build them in SVG and convert them to bitmap using Inkscape. I'd be pretty sure that this feature is supported (get yourself a copy and check that out in the UI - if it's in there, you can do it).
You'd need to be confident in manipulating XML docs - and basic SVG is pretty easy to learn once you get into it.
If my designer gives me a 960x640px image of what the screen should look like, as well as all of the individual elements as images or text, is there a way to lay out the images and text on the iPhone/iPad screen without doing it manually through code? The way I'm doing it now is a series of trial and error, trying to guess the position of each element.
By the way, the types of layouts I'm trying to do are simple static layouts for stuff like Menus and High Scores lists, etc.
You should try one of the editing tools: LevelHelper, CocoShop and CocosBuilder. The problem will be the output format, make sure that not only the editing part works to your specification but that you can actually use just the snippet of code you need to plug it into your code.
Do you have an image-editing software like Photoshop or GIMP? How about opening the 960x640px image with any such software, then hovering your mouse over the center of each element for its coordinates, and then finally pumping these values into your code?
In my opinion, this is at least better and way faster than trial and error:)
If you want to measure position of graphic elements. You can try a commercial called xscope. The trail version can be downloaded form their official website. It is the best tool I ever seen to measure distance, color(like, it can copy color measured directly to [UIColor ...] format), etc. If you want something freeware, I would like to recommend markman, which is a Chinese software, it's built on adobe air. All elements/button are graphic, so you don't need to read chinese to use it..
You can try to use some open source editor and write your exporter. For example I am using blender as a level editor for the game I am working on. It has a nice python API that can be used to export all the information you need.