I was too quick! of course Tobias has already done it!
http://tobibeer.github.io/tb5/#Adding%20A%20ColorPicker%20For%20Editing%20Images On 26 January 2016 at 14:21, Alex Hough <[email protected]> wrote: > Thanks Birthe > > Tobias: "*Note:* I could not find out how to initialize the canvas with a > different width and height yet." > > Here's a first, the settings are in > > $:/core/modules/widgets/edit-bitmap.js > > var DEFAULT_IMAGE_WIDTH = 300, > DEFAULT_IMAGE_HEIGHT = 185; > > > > ------ > > *Experiements with images* > > I looked into the 300 x 185 proportion and guess what? It turns out that > the width to the hight is the golden ratio > > To make you sketches look pleasing to the eye, set your stroke width to > some value related to the canvas. > * divide 185 by 1.6 or make some squares of 185 px > > I don't think we need too much flexability: the proportion is most > important thing. Golden section portrait and landscape and a square of the > smaller length. > > For smaller images I used the font-awesome re-sizing classes then took > screenshots of the image and dragged them back in as .png images. > > A few points > > > - I like the process, its kind of fractal, things stay in proportion... > - I constrained the colour palette to ones in the TW poster. I took a > screenshot of the fish and added it to the colour picker > - I made some buttons with png and played with making them round and > adding some css filter transitions hover. > - I made a big new drawing button which generates a tiddler from a > template. > > > PNGs are lightweight and easy to work with (esp on Mac book - you can snip > parts of the screen and they save as png) > > Clone an image, add something new.. its a start of animation. There are > also animation posibilities with CSS transitions and great fun to be had > with effects designed for photos > > *Children's fun* > > My daughter (6) and I drew some pictures. I used an example where you can > set the background of the tiddler to an image, then exported it as html. > > I opened the html file, then reduced the size of the page in the browser. > I took and other screenshot and printed it out: the image from tiddlyWiki > converted to a wall paper pattern. > > We also made a short story. We drew a head, and transcluded it into a > tiddler. Then a couple of links to new tiddlers - interactive story... > simple > > Attached is a tid that I currently have in my sidebar, > > Alex > > [1] https://en.wikipedia.org/wiki/Golden_ratio > > http://www.modularscale.com/ > > On 26 January 2016 at 11:45, 'Birthe C' via TiddlyWiki < > [email protected]> wrote: > >> Hi Alex, >> >> >> http://tobibeer.github.io/tb5/#Adding%20A%20Sketch >> >> Birthe >> >> >> Den tirsdag den 26. januar 2016 kl. 10.06.27 UTC+1 skrev AlexHough: >>> >>> Dear TW5 >>> >>> The edit widget provides a general purpose interface for editing a >>>> tiddler. It dynamically chooses the appropriate widget depending on the >>>> type of the tiddler (currently either theEditTextWidget >>>> <http://tiddlywiki.com/#EditTextWidget> or the EditBitmapWidget >>>> <http://tiddlywiki.com/#EditBitmapWidget>). >>> >>> >>> http://tiddlywiki.com/#EditWidget >>> >>> I would like to get $:/config/BitmapEditor/LineWidth >>> <http://tiddlywiki.com/#%24%3A%2Fconfig%2FBitmapEditor%2FLineWidth> and >>> $:/config/BitmapEditor/Colour >>> <http://tiddlywiki.com/#%24%3A%2Fconfig%2FBitmapEditor%2FColour> >>> >>> into the edit view when the tiddler type is set to a bitmap (png) >>> >>> *Boundary of Understanding* >>> >>> I can't understand how and where the BitMap editor is added to the body >>> of the edit template. I don't see anything relating to bitmap editing in >>> $:/core/ui/EditTemplate/body >>> >>> I understand that the bitmap editor is "primitive proof-of-concept" but >>> I hve found it very useful and pleasurable to use. >>> >>> I have put the linewidth and colour editors in the view template, but >>> now would like to have them below the height and width boxes currently >>> displayed when you edit a bitmap. >>> >>> I thought there would be a conditional template for bitmaps. While >>> experimenting with drawing in TW, I found myself wanting to name the >>> drawing after drawing it. In other words, I'd like focus to be on the >>> canvas, and the titles and tags to be below the canvas. >>> >>> Thanks in advance for any pointers >>> >>> Alex >>> >> -- >> You received this message because you are subscribed to the Google Groups >> "TiddlyWiki" group. >> To unsubscribe from this group and stop receiving emails from it, send an >> email to [email protected]. >> To post to this group, send email to [email protected]. >> Visit this group at https://groups.google.com/group/tiddlywiki. >> To view this discussion on the web visit >> https://groups.google.com/d/msgid/tiddlywiki/dcfefd95-c4ce-4752-aa89-e5265977a7b2%40googlegroups.com >> <https://groups.google.com/d/msgid/tiddlywiki/dcfefd95-c4ce-4752-aa89-e5265977a7b2%40googlegroups.com?utm_medium=email&utm_source=footer> >> . >> >> For more options, visit https://groups.google.com/d/optout. >> > > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/CALc1hYcstV%3D5RNpXb0HBR1dkZf_Q4HWvykCvg0EpXECAhXT5nQ%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
