In PlanetPress Design I use image clip regions all the time, especially for dealing with resource PDFs containing crop marks. How would I do the same thing in Connect? So far I haven’t found any obvious way to clip out part of an image or even move the image away from the 0,0 position.
(In Designer when working with a resource PDF containing crop marks, I’ll clip out the region I want and then move the image left and up by the same amount as the top & left values of the clip region so only the active region is present on the page.)
Hi dcarter121,
To clip pdf as an image on PP Connect Design you should use the CSS property “clip”, the following link will explained to you how to use it:
http://www.w3schools.com/cssref/pr_pos_clip.asp
You can load your pdf as an image on your PP Connect Design
Then you can add a class to this image. For example “clip”.
Then on the Stylesheets section you will select the CSS file for example:
context_all_styles.css
Add the class with the properties to clip your image like:
.test{
position: _absolute_;
clip: _rect(150px,450px,425px,5px)_;
}
If you have any problem with that just let me know,
Best regards,
Juan
Thanks for the info.
Using clip does hide the unwanted part of the image (though I used inches instead of pixels as my unit.) To actually move the image up and to the left 3 inches (so that the clipped region starts at 0,0) I used the following block:
.clip46360{
position: absolute;
clip: rect(3in,11.5in,14in,3in);
left: -3in;
top: -3in;
}
Then I tagged the image with class ‘clip46360’ and it worked. (The original PDF is a 8.5x11" page with 3" of white space on all sides.)
This is certainly a lot more work than setting up a clip region in PP Design, though I suppose I’ll get used to it eventually.